Mulberry Fog Gradient
Deep plum and rose mesh blobs swirling into their own deep plum 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
#8E44AD
#C2185B
#E8C1E0
#6A1B4D
#D291BC
#4A148C
Background
#E8C1E0
#E8C1E0
Mulberry Fog CSS Code
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;
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);
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);
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; background: radial-gradient(at 19% 68% in oklch, oklch(52.61% 0.1705 314.65), transparent 70%), radial-gradient(at 19% 32% in oklch, oklch(53.13% 0.2015 5.62), transparent 70%), radial-gradient(at 50% 14% in oklch, oklch(85.39% 0.0602 333.21), transparent 70%), radial-gradient(at 81% 32% in oklch, oklch(36.9% 0.1243 346.03), transparent 70%), radial-gradient(at 81% 68% in oklch, oklch(73.38% 0.0961 339.98), transparent 70%), radial-gradient(at 50% 86% in oklch, oklch(36.01% 0.1764 296.26), transparent 70%), oklch(85.39% 0.0602 333.21);
The same gradient with its colors in OKLCH. Older browsers show the standard version. How OKLCH gradients work →
bg-[image: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%)] bg-[#E8C1E0]
bg-[image: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%)] bg-[#E8C1E0]
Similar Gradients
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.