Blackout Gradient
Charcoal grey fading to pure black.
Open in the gradient generator →
Color Stops
#4A4A4A
#1A1A1A
#000000
Blackout CSS Code
HEX Copy
background: #4A4A4A; background: radial-gradient(at center, #4A4A4A 0%, #1A1A1A 50%, #000000 100%);
RGBA Copy
background: rgba(74, 74, 74, 1.0); background: radial-gradient(at center, rgba(74, 74, 74, 1.0) 0%, rgba(26, 26, 26, 1.0) 50%, rgba(0, 0, 0, 1.0) 100%);
HSLA Copy
background: hsla(0, 0%, 29%, 1.0); background: radial-gradient(at center, hsla(0, 0%, 29%, 1.0) 0%, hsla(0, 0%, 10%, 1.0) 50%, hsla(0, 0%, 0%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Blackout gradient?Charcoal grey fading to pure black.
What's the CSS code for the Blackout gradient?
Use
background: radial-gradient(at center, #4A4A4A 0%, #1A1A1A 50%, #000000 100%);. RGBA and HSLA versions are also available on this page.