Rose Quartz Cloud Gradient
Soft pink and mauve mesh blobs glowing from their own blush base.
Customize this gradient → Opens it in the generator: change the type or direction, adjust the colors, then copy the CSS or download.
Color Stops
#F8B6C2
#C86B85
#FFD6E0
#E8A0BF
Background
#C86B85
#C86B85
Rose Quartz Cloud CSS Code
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);
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);
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; background: radial-gradient(at 18% 50% in oklch, oklch(84.04% 0.0779 6.82), transparent 70%), radial-gradient(at 50% 18% in oklch, oklch(64.11% 0.1207 3.22), transparent 70%), radial-gradient(at 82% 50% in oklch, oklch(91.35% 0.0475 1.69), transparent 70%), radial-gradient(at 50% 82% in oklch, oklch(78.44% 0.0937 352), transparent 70%), oklch(64.11% 0.1207 3.22);
The same gradient with its colors in OKLCH. Older browsers show the standard version. How OKLCH gradients work →
Try it as
Similar Gradients
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.