Advertise on WebGradients — reach designers & frontend developers.Learn more
#EC77AB
#7873F5

Linear CSS gradient

#149 Norse Beauty Gradient

Norse Beauty runs sweeping from left to right, blending hot pink (#EC77AB) and cornflower blue (#7873F5) 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
#EC77ABrgb(236, 119, 171)
#7873F5rgb(120, 115, 245)

CSS code

background-image: linear-gradient(to right, #ec77ab 0%, #7873f5 100%);

#149 Norse Beauty Gradient preview