Mulberry Fog Gradient
Deep plum and rose mesh blobs swirling into their own deep plum base.
Open in the gradient generator →
Color Stops
#8E44AD
#C2185B
#E8C1E0
#6A1B4D
#D291BC
#4A148C
Background · #E8C1E0
Mulberry Fog CSS Code
HEX Copy
background: #E8C1E0; background: radial-gradient(at 19% 68%, #8E44AD, transparent 70%), radial-gradient(at 19% 32%, #C2185B, transparent 70%), radial-gradient(at 50% 14%, #E8C1E0, transparent 70%), radial-gradient(at 81% 32%, #6A1B4D, transparent 70%), radial-gradient(at 81% 68%, #D291BC, transparent 70%), radial-gradient(at 50% 86%, #4A148C, transparent 70%), #E8C1E0;
RGBA Copy
background: rgba(232, 193, 224, 1.0); background: radial-gradient(at 19% 68%, rgba(142, 68, 173, 1.0), transparent 70%), radial-gradient(at 19% 32%, rgba(194, 24, 91, 1.0), transparent 70%), radial-gradient(at 50% 14%, rgba(232, 193, 224, 1.0), transparent 70%), radial-gradient(at 81% 32%, rgba(106, 27, 77, 1.0), transparent 70%), radial-gradient(at 81% 68%, rgba(210, 145, 188, 1.0), transparent 70%), radial-gradient(at 50% 86%, rgba(74, 20, 140, 1.0), transparent 70%), rgba(232, 193, 224, 1.0);
HSLA Copy
background: hsla(312, 46%, 83%, 1.0); background: radial-gradient(at 19% 68%, hsla(282, 44%, 47%, 1.0), transparent 70%), radial-gradient(at 19% 32%, hsla(336, 78%, 43%, 1.0), transparent 70%), radial-gradient(at 50% 14%, hsla(312, 46%, 83%, 1.0), transparent 70%), radial-gradient(at 81% 32%, hsla(322, 59%, 26%, 1.0), transparent 70%), radial-gradient(at 81% 68%, hsla(320, 42%, 70%, 1.0), transparent 70%), radial-gradient(at 50% 86%, hsla(267, 75%, 31%, 1.0), transparent 70%), hsla(312, 46%, 83%, 1.0);
More Gradient Presets
FAQ
What is the Mulberry Fog gradient?Deep plum and rose mesh blobs swirling into their own deep plum base.
What's the CSS code for the Mulberry Fog gradient?
Use
background: radial-gradient(at 19% 68%, #8E44AD, transparent 70%), radial-gradient(at 19% 32%, #C2185B, transparent 70%), radial-gradient(at 50% 14%, #E8C1E0, transparent 70%), radial-gradient(at 81% 32%, #6A1B4D, transparent 70%), radial-gradient(at 81% 68%, #D291BC, transparent 70%), radial-gradient(at 50% 86%, #4A148C, transparent 70%), #E8C1E0;. RGBA and HSLA versions are also available on this page.