Advertise on WebGradients — reach designers & frontend developers.Learn more
#E8198B
#C7EAFD

Linear CSS gradient

#110 Frozen Berry Gradient

Frozen Berry runs flowing upward from bottom to top, blending hot pink (#E8198B) and lavender (#C7EAFD) 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
#E8198Brgb(232, 25, 139)
#C7EAFDrgb(199, 234, 253)

CSS code

background-image: linear-gradient(to top, #e8198b 0%, #c7eafd 100%);

#110 Frozen Berry Gradient preview