Volcanic Ash Gradient
Fiery red and grey mesh blobs smoldering into their own blazing 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
#FF3D00
#B71C1C
#616161
Background
#B71C1C
#B71C1C
Volcanic Ash CSS Code
background: #B71C1C; background: radial-gradient(at 20% 45%, #FF3D00, transparent 70%), radial-gradient(at 69% 27%, #B71C1C, transparent 70%), radial-gradient(at 60% 78%, #616161, transparent 70%), #B71C1C; background: radial-gradient(at 20% 45% in oklch, oklch(65.35% 0.2348 34.04), transparent 70%), radial-gradient(at 69% 27% in oklch, oklch(50.16% 0.1887 27.48), transparent 70%), radial-gradient(at 60% 78% in oklch, oklch(49.26% 0 none), transparent 70%), oklch(50.16% 0.1887 27.48);
The same gradient with its colors in OKLCH. Older browsers show the standard version. How OKLCH gradients work →
Similar Gradients
More Gradient Presets
FAQ
What is the Volcanic Ash gradient?
Fiery red and grey mesh blobs smoldering into their own blazing base.
What's the CSS code for the Volcanic Ash gradient?
Use background: radial-gradient(at 20% 45%, #FF3D00, transparent 70%), radial-gradient(at 69% 27%, #B71C1C, transparent 70%), radial-gradient(at 60% 78%, #616161, transparent 70%), #B71C1C;. RGBA and HSLA versions are also available on this page.