Electric Storm Gradient
Violet, magenta, and electric cyan mesh blobs crackling over near-black.
Open in the gradient generator →
Color Stops
#7B2FF7
#F72585
#00F5D4
#FFE500
Background · #050014
Electric Storm CSS Code
HEX Copy
background: #050014; background: radial-gradient(at 50% 12%, #7B2FF7, transparent 70%), radial-gradient(at 88% 50%, #F72585, transparent 70%), radial-gradient(at 50% 88%, #00F5D4, transparent 70%), radial-gradient(at 12% 50%, #FFE500, transparent 70%), #050014;
RGBA Copy
background: rgba(5, 0, 20, 1.0); background: radial-gradient(at 50% 12%, rgba(123, 47, 247, 1.0), transparent 70%), radial-gradient(at 88% 50%, rgba(247, 37, 133, 1.0), transparent 70%), radial-gradient(at 50% 88%, rgba(0, 245, 212, 1.0), transparent 70%), radial-gradient(at 12% 50%, rgba(255, 229, 0, 1.0), transparent 70%), rgba(5, 0, 20, 1.0);
HSLA Copy
background: hsla(255, 100%, 4%, 1.0); background: radial-gradient(at 50% 12%, hsla(263, 93%, 58%, 1.0), transparent 70%), radial-gradient(at 88% 50%, hsla(333, 93%, 56%, 1.0), transparent 70%), radial-gradient(at 50% 88%, hsla(172, 100%, 48%, 1.0), transparent 70%), radial-gradient(at 12% 50%, hsla(54, 100%, 50%, 1.0), transparent 70%), hsla(255, 100%, 4%, 1.0);
More Gradient Presets
FAQ
What is the Electric Storm gradient?Violet, magenta, and electric cyan mesh blobs crackling over near-black.
What's the CSS code for the Electric Storm gradient?
Use
background: radial-gradient(at 50% 12%, #7B2FF7, transparent 70%), radial-gradient(at 88% 50%, #F72585, transparent 70%), radial-gradient(at 50% 88%, #00F5D4, transparent 70%), radial-gradient(at 12% 50%, #FFE500, transparent 70%), #050014;. RGBA and HSLA versions are also available on this page.