Cloud Nine Gradient
Soft pastel blue, pink, and lavender mesh blobs glowing from a matching pale blue base.
Open in the gradient generator →
Color Stops
#A6C1EE
#FBC2EB
#C471ED
Background · #FBC2EB
Cloud Nine CSS Code
HEX Copy
background: #FBC2EB; background: radial-gradient(at 24% 72%, #A6C1EE, transparent 70%), radial-gradient(at 44% 17%, #FBC2EB, transparent 70%), radial-gradient(at 82% 62%, #C471ED, transparent 70%), #FBC2EB;
RGBA Copy
background: rgba(251, 194, 235, 1.0); background: radial-gradient(at 24% 72%, rgba(166, 193, 238, 1.0), transparent 70%), radial-gradient(at 44% 17%, rgba(251, 194, 235, 1.0), transparent 70%), radial-gradient(at 82% 62%, rgba(196, 113, 237, 1.0), transparent 70%), rgba(251, 194, 235, 1.0);
HSLA Copy
background: hsla(317, 88%, 87%, 1.0); background: radial-gradient(at 24% 72%, hsla(218, 68%, 79%, 1.0), transparent 70%), radial-gradient(at 44% 17%, hsla(317, 88%, 87%, 1.0), transparent 70%), radial-gradient(at 82% 62%, hsla(280, 78%, 69%, 1.0), transparent 70%), hsla(317, 88%, 87%, 1.0);
More Gradient Presets
FAQ
What is the Cloud Nine gradient?Soft pastel blue, pink, and lavender mesh blobs glowing from a matching pale blue base.
What's the CSS code for the Cloud Nine gradient?
Use
background: radial-gradient(at 24% 72%, #A6C1EE, transparent 70%), radial-gradient(at 44% 17%, #FBC2EB, transparent 70%), radial-gradient(at 82% 62%, #C471ED, transparent 70%), #FBC2EB;. RGBA and HSLA versions are also available on this page.