Advertise on WebGradients — reach designers & frontend developers.Learn more
#F77062
#FE5196

Linear CSS gradient

#097 Amour Amour Gradient

A bold linear CSS gradient flowing upward from bottom to top, Amour Amour blends red (#F77062) and hot pink (#FE5196) in 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
#F77062rgb(247, 112, 98)
#FE5196rgb(254, 81, 150)

CSS code

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

#097 Amour Amour Gradient preview