Advertise on WebGradients — reach designers & frontend developers.Learn more
#B224EF
#7579FF

Linear CSS gradient

#147 Smart Indigo Gradient

Smart Indigo is a bold linear CSS gradient flowing upward from bottom to top, built from violet (#B224EF) and lavender (#7579FF) across two colour stops.

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
#B224EFrgb(178, 36, 239)
#7579FFrgb(117, 121, 255)

CSS code

background-image: linear-gradient(to top, #b224ef 0%, #7579ff 100%);

#147 Smart Indigo Gradient preview