Advertise on WebGradients — reach designers & frontend developers.Learn more
#0ACFFE
#495AFF

Linear CSS gradient

#139 High Flight Gradient

A bold linear CSS gradient sweeping from left to right, High Flight blends cyan (#0ACFFE) and sky blue (#495AFF) in two colour stops.

Saturated to the max, this palette grabs attention fast and keeps it — ideal wherever boldness is a feature, not a bug.

Works well for gaming UIs, nightlife event pages, bold call-to-action sections. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#0ACFFErgb(10, 207, 254)
#495AFFrgb(73, 90, 255)

CSS code

background-image: linear-gradient(to right, #0acffe 0%, #495aff 100%);

#139 High Flight Gradient preview