Advertise on WebGradients — reach designers & frontend developers.Learn more
#64B3F4
#C2E59C

Linear CSS gradient

#113 Flying Lemon Gradient

Flying Lemon runs angled at 60° toward the upper right, blending cyan (#64B3F4) and mint (#C2E59C) 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
#64B3F4rgb(100, 179, 244)
#C2E59Crgb(194, 229, 156)

CSS code

background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);

#113 Flying Lemon Gradient preview