Advertise on WebGradients — reach designers & frontend developers.Learn more
#9BE15D
#00E3AE

Linear CSS gradient

#125 Young Grass Gradient

Young Grass runs flowing upward from bottom to top, blending lime green (#9BE15D) and teal (#00E3AE) in a bold two colour stops linear CSS gradient.

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
#9BE15Drgb(155, 225, 93)
#00E3AErgb(0, 227, 174)

CSS code

background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);

#125 Young Grass Gradient preview