Ember Glow Gradient
Deep red and amber mesh blobs smoldering over charcoal.
Customize this gradient → Opens it in the generator: change the type or direction, adjust the colors, then copy the CSS or download.
Color Stops
#6F0000
#C21500
#FFB347
Background
#1A1A1A
#1A1A1A
Ember Glow CSS Code
background: #1A1A1A; background: radial-gradient(at 40% 22%, #6F0000, transparent 70%), radial-gradient(at 80% 55%, #C21500, transparent 70%), radial-gradient(at 31% 73%, #FFB347, transparent 70%), #1A1A1A; background: radial-gradient(at 40% 22% in oklch, oklch(34.02% 0.1396 29.23), transparent 70%), radial-gradient(at 80% 55% in oklch, oklch(51.76% 0.2038 30.64), transparent 70%), radial-gradient(at 31% 73% in oklch, oklch(82.08% 0.1486 72.1), transparent 70%), oklch(21.78% 0 none);
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 Ember Glow gradient?
Deep red and amber mesh blobs smoldering over charcoal.
What's the CSS code for the Ember Glow gradient?
Use background: radial-gradient(at 40% 22%, #6F0000, transparent 70%), radial-gradient(at 80% 55%, #C21500, transparent 70%), radial-gradient(at 31% 73%, #FFB347, transparent 70%), #1A1A1A;. RGBA and HSLA versions are also available on this page.