Rose Quartz Cloud Gradient
Soft pink and mauve mesh blobs glowing from their own blush base.
Open in the gradient generator →
Color Stops
#F8B6C2
#C86B85
#FFD6E0
#E8A0BF
Background · #C86B85
Rose Quartz Cloud CSS Code
HEX Copy
background: #C86B85; background: radial-gradient(at 18% 50%, #F8B6C2, transparent 70%), radial-gradient(at 50% 18%, #C86B85, transparent 70%), radial-gradient(at 82% 50%, #FFD6E0, transparent 70%), radial-gradient(at 50% 82%, #E8A0BF, transparent 70%), #C86B85;
RGBA Copy
background: rgba(200, 107, 133, 1.0); background: radial-gradient(at 18% 50%, rgba(248, 182, 194, 1.0), transparent 70%), radial-gradient(at 50% 18%, rgba(200, 107, 133, 1.0), transparent 70%), radial-gradient(at 82% 50%, rgba(255, 214, 224, 1.0), transparent 70%), radial-gradient(at 50% 82%, rgba(232, 160, 191, 1.0), transparent 70%), rgba(200, 107, 133, 1.0);
HSLA Copy
background: hsla(343, 46%, 60%, 1.0); background: radial-gradient(at 18% 50%, hsla(349, 83%, 84%, 1.0), transparent 70%), radial-gradient(at 50% 18%, hsla(343, 46%, 60%, 1.0), transparent 70%), radial-gradient(at 82% 50%, hsla(345, 100%, 92%, 1.0), transparent 70%), radial-gradient(at 50% 82%, hsla(334, 61%, 77%, 1.0), transparent 70%), hsla(343, 46%, 60%, 1.0);
More Gradient Presets
FAQ
What is the Rose Quartz Cloud gradient?Soft pink and mauve mesh blobs glowing from their own blush base.
What's the CSS code for the Rose Quartz Cloud gradient?
Use
background: radial-gradient(at 18% 50%, #F8B6C2, transparent 70%), radial-gradient(at 50% 18%, #C86B85, transparent 70%), radial-gradient(at 82% 50%, #FFD6E0, transparent 70%), radial-gradient(at 50% 82%, #E8A0BF, transparent 70%), #C86B85;. RGBA and HSLA versions are also available on this page.