Advertise on WebGradients — reach designers & frontend developers.Learn more
#FF057C
#7C64D5
#4CC3FF

Linear CSS gradient

#177 Frozen Heat Gradient

Frozen Heat is a bold linear CSS gradient built from hot pink (#FF057C), cornflower blue (#7C64D5), and cyan (#4CC3FF) across 3 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
#FF057Crgb(255, 5, 124)
#7C64D5rgb(124, 100, 213)
#4CC3FFrgb(76, 195, 255)

CSS code

background-image: linear-gradient(-225deg, #FF057C 0%, #7C64D5 48%, #4CC3FF 100%);

#177 Frozen Heat Gradient preview