Advertise on WebGradients — reach designers & frontend developers.Learn more
#48C6EF
#6F86D6

Linear CSS gradient

#047 Fly High Gradient

Fly High runs flowing upward from bottom to top, blending cyan (#48C6EF) and sky blue (#6F86D6) in a vivid two colour stops linear CSS gradient.

The rich saturation ensures strong visual presence even at small sizes — useful for icons, badges, and accent strips.

Works well for sports and fitness apps, brand campaign pages, digital art portfolios. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#48C6EFrgb(72, 198, 239)
#6F86D6rgb(111, 134, 214)

CSS code

background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);

#047 Fly High Gradient preview