Blush Dawn Gradient
Soft pink and peach mesh blobs blending into their own blush base.
Open in the gradient generator →
Color Stops
#FFAFBD
#FFC3A0
#FF9A9E
#FFD1DC
#FFE5D9
Background · #FF9A9E
Blush Dawn CSS Code
HEX Copy
background: #FF9A9E; background: radial-gradient(at 44% 83%, #FFAFBD, transparent 70%), radial-gradient(at 16% 55%, #FFC3A0, transparent 70%), radial-gradient(at 35% 19%, #FF9A9E, transparent 70%), radial-gradient(at 74% 26%, #FFD1DC, transparent 70%), radial-gradient(at 80% 66%, #FFE5D9, transparent 70%), #FF9A9E;
RGBA Copy
background: rgba(255, 154, 158, 1.0); background: radial-gradient(at 44% 83%, rgba(255, 175, 189, 1.0), transparent 70%), radial-gradient(at 16% 55%, rgba(255, 195, 160, 1.0), transparent 70%), radial-gradient(at 35% 19%, rgba(255, 154, 158, 1.0), transparent 70%), radial-gradient(at 74% 26%, rgba(255, 209, 220, 1.0), transparent 70%), radial-gradient(at 80% 66%, rgba(255, 229, 217, 1.0), transparent 70%), rgba(255, 154, 158, 1.0);
HSLA Copy
background: hsla(358, 100%, 80%, 1.0); background: radial-gradient(at 44% 83%, hsla(350, 100%, 84%, 1.0), transparent 70%), radial-gradient(at 16% 55%, hsla(22, 100%, 81%, 1.0), transparent 70%), radial-gradient(at 35% 19%, hsla(358, 100%, 80%, 1.0), transparent 70%), radial-gradient(at 74% 26%, hsla(346, 100%, 91%, 1.0), transparent 70%), radial-gradient(at 80% 66%, hsla(19, 100%, 93%, 1.0), transparent 70%), hsla(358, 100%, 80%, 1.0);
More Gradient Presets
FAQ
What is the Blush Dawn gradient?Soft pink and peach mesh blobs blending into their own blush base.
What's the CSS code for the Blush Dawn gradient?
Use
background: radial-gradient(at 44% 83%, #FFAFBD, transparent 70%), radial-gradient(at 16% 55%, #FFC3A0, transparent 70%), radial-gradient(at 35% 19%, #FF9A9E, transparent 70%), radial-gradient(at 74% 26%, #FFD1DC, transparent 70%), radial-gradient(at 80% 66%, #FFE5D9, transparent 70%), #FF9A9E;. RGBA and HSLA versions are also available on this page.