Advertise on WebGradients — reach designers & frontend developers.Learn more
#007ADF
#00ECBC

Linear CSS gradient

#172 Lily Meadow Gradient

Lily Meadow blends cyan (#007ADF) and teal (#00ECBC) in a vivid linear CSS gradient across two colour stops.

Vivid and dynamic, the saturated palette commands attention and communicates confidence across any viewport.

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
#007ADFrgb(0, 122, 223)
#00ECBCrgb(0, 236, 188)

CSS code

background-image: linear-gradient(-225deg, #65379B 0%, #886AEA 53%, #6457C6 100%);

#172 Lily Meadow Gradient preview