Advertise on WebGradients — reach designers & frontend developers.Learn more
#43E97B
#38F9D7

Linear CSS gradient

#020 New Life Gradient

New Life runs sweeping from left to right, blending green (#43E97B) and teal (#38F9D7) in a bold two colour stops linear CSS gradient.

The electric, high-saturation hues deliver instant visual impact and give any interface an energetic, forward-looking edge.

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
#43E97Brgb(67, 233, 123)
#38F9D7rgb(56, 249, 215)

CSS code

background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);

#020 New Life Gradient preview