Sakura Mist Gradient
Pale blossom pink softening outward.
Open in the gradient generator →
Color Stops
#FFEFF5
#FFC1D9
#F48FB1
Sakura Mist CSS Code
HEX Copy
background: #FFEFF5; background: radial-gradient(at right center, #FFEFF5 0%, #FFC1D9 50%, #F48FB1 100%);
RGBA Copy
background: rgba(255, 239, 245, 1.0); background: radial-gradient(at right center, rgba(255, 239, 245, 1.0) 0%, rgba(255, 193, 217, 1.0) 50%, rgba(244, 143, 177, 1.0) 100%);
HSLA Copy
background: hsla(338, 100%, 97%, 1.0); background: radial-gradient(at right center, hsla(338, 100%, 97%, 1.0) 0%, hsla(337, 100%, 88%, 1.0) 50%, hsla(340, 82%, 76%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Sakura Mist gradient?Pale blossom pink softening outward.
What's the CSS code for the Sakura Mist gradient?
Use
background: radial-gradient(at right center, #FFEFF5 0%, #FFC1D9 50%, #F48FB1 100%);. RGBA and HSLA versions are also available on this page.