Peony Bloom Gradient
Soft blush center opening into rich magenta.
Open in the gradient generator →
Color Stops
#FFF0F5
#FFB6C1
#C71585
Peony Bloom CSS Code
HEX Copy
background: #FFF0F5; background: radial-gradient(at center, #FFF0F5 0%, #FFB6C1 50%, #C71585 100%);
RGBA Copy
background: rgba(255, 240, 245, 1.0); background: radial-gradient(at center, rgba(255, 240, 245, 1.0) 0%, rgba(255, 182, 193, 1.0) 50%, rgba(199, 21, 133, 1.0) 100%);
HSLA Copy
background: hsla(340, 100%, 97%, 1.0); background: radial-gradient(at center, hsla(340, 100%, 97%, 1.0) 0%, hsla(351, 100%, 86%, 1.0) 50%, hsla(322, 81%, 43%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Peony Bloom gradient?Soft blush center opening into rich magenta.
What's the CSS code for the Peony Bloom gradient?
Use
background: radial-gradient(at center, #FFF0F5 0%, #FFB6C1 50%, #C71585 100%);. RGBA and HSLA versions are also available on this page.