Iridescent Pearl Gradient
Conic sweep of soft pastel pinks and lavenders.
Open in the gradient generator →
Color Stops
#FBC2EB
#A6C1EE
#FDCBF1
#E6DEE9
#FBC2EB
Iridescent Pearl CSS Code
HEX Copy
background: #FBC2EB; background: conic-gradient(from 315deg, #FBC2EB 0%, #A6C1EE 25%, #FDCBF1 50%, #E6DEE9 75%, #FBC2EB 100%);
RGBA Copy
background: rgba(251, 194, 235, 1.0); background: conic-gradient(from 315deg, rgba(251, 194, 235, 1.0) 0%, rgba(166, 193, 238, 1.0) 25%, rgba(253, 203, 241, 1.0) 50%, rgba(230, 222, 233, 1.0) 75%, rgba(251, 194, 235, 1.0) 100%);
HSLA Copy
background: hsla(317, 88%, 87%, 1.0); background: conic-gradient(from 315deg, hsla(317, 88%, 87%, 1.0) 0%, hsla(218, 68%, 79%, 1.0) 25%, hsla(314, 93%, 89%, 1.0) 50%, hsla(284, 20%, 89%, 1.0) 75%, hsla(317, 88%, 87%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Iridescent Pearl gradient?Conic sweep of soft pastel pinks and lavenders.
What's the CSS code for the Iridescent Pearl gradient?
Use
background: conic-gradient(from 315deg, #FBC2EB 0%, #A6C1EE 25%, #FDCBF1 50%, #E6DEE9 75%, #FBC2EB 100%);. RGBA and HSLA versions are also available on this page.