Deep Forest Mist Gradient
Sage and emerald mesh blobs deepening into moss, glowing from their own forest base.
Open in the gradient generator →
Color Stops
#52B788
#2D6A4F
#B7E4C7
#1B4332
Background · #B7E4C7
Deep Forest Mist CSS Code
HEX Copy
background: #B7E4C7; background: radial-gradient(at 50% 86%, #52B788, transparent 70%), radial-gradient(at 14% 50%, #2D6A4F, transparent 70%), radial-gradient(at 50% 14%, #B7E4C7, transparent 70%), radial-gradient(at 86% 50%, #1B4332, transparent 70%), #B7E4C7;
RGBA Copy
background: rgba(183, 228, 199, 1.0); background: radial-gradient(at 50% 86%, rgba(82, 183, 136, 1.0), transparent 70%), radial-gradient(at 14% 50%, rgba(45, 106, 79, 1.0), transparent 70%), radial-gradient(at 50% 14%, rgba(183, 228, 199, 1.0), transparent 70%), radial-gradient(at 86% 50%, rgba(27, 67, 50, 1.0), transparent 70%), rgba(183, 228, 199, 1.0);
HSLA Copy
background: hsla(141, 45%, 81%, 1.0); background: radial-gradient(at 50% 86%, hsla(152, 41%, 52%, 1.0), transparent 70%), radial-gradient(at 14% 50%, hsla(153, 40%, 30%, 1.0), transparent 70%), radial-gradient(at 50% 14%, hsla(141, 45%, 81%, 1.0), transparent 70%), radial-gradient(at 86% 50%, hsla(155, 43%, 18%, 1.0), transparent 70%), hsla(141, 45%, 81%, 1.0);
More Gradient Presets
FAQ
What is the Deep Forest Mist gradient?Sage and emerald mesh blobs deepening into moss, glowing from their own forest base.
What's the CSS code for the Deep Forest Mist gradient?
Use
background: radial-gradient(at 50% 86%, #52B788, transparent 70%), radial-gradient(at 14% 50%, #2D6A4F, transparent 70%), radial-gradient(at 50% 14%, #B7E4C7, transparent 70%), radial-gradient(at 86% 50%, #1B4332, transparent 70%), #B7E4C7;. RGBA and HSLA versions are also available on this page.