Advertise on WebGradients — reach designers & frontend developers.Learn more
#FF9A9E
#FAD0C4

Linear CSS gradient

#001 Warm Flame Gradient

A soft linear CSS gradient angled at 45° toward the upper right, Warm Flame blends blush pink (#FF9A9E) and blush pink (#FAD0C4) in two colour stops.

The low-contrast softness makes this gradient versatile as a background layer — readable and soothing at the same time.

Works well for health and wellness apps, baby product sites, soft UI card backgrounds. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#FF9A9Ergb(255, 154, 158)
#FAD0C4rgb(250, 208, 196)

CSS code

background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);

#001 Warm Flame Gradient preview