Cyber Bloom Gradient
Magenta, cyan, violet, and neon accents glowing from their own electric magenta base.
Open in the gradient generator →
Color Stops
#FF00C1
#00FFF0
#9D00FF
#FFE500
#00FF85
Background · #FFE500
Cyber Bloom CSS Code
HEX Copy
background: #FFE500; background: radial-gradient(at 71% 79%, #FF00C1, transparent 70%), radial-gradient(at 28% 79%, #00FFF0, transparent 70%), radial-gradient(at 16% 38%, #9D00FF, transparent 70%), radial-gradient(at 51% 14%, #FFE500, transparent 70%), radial-gradient(at 84% 39%, #00FF85, transparent 70%), #FFE500;
RGBA Copy
background: rgba(255, 229, 0, 1.0); background: radial-gradient(at 71% 79%, rgba(255, 0, 193, 1.0), transparent 70%), radial-gradient(at 28% 79%, rgba(0, 255, 240, 1.0), transparent 70%), radial-gradient(at 16% 38%, rgba(157, 0, 255, 1.0), transparent 70%), radial-gradient(at 51% 14%, rgba(255, 229, 0, 1.0), transparent 70%), radial-gradient(at 84% 39%, rgba(0, 255, 133, 1.0), transparent 70%), rgba(255, 229, 0, 1.0);
HSLA Copy
background: hsla(54, 100%, 50%, 1.0); background: radial-gradient(at 71% 79%, hsla(315, 100%, 50%, 1.0), transparent 70%), radial-gradient(at 28% 79%, hsla(176, 100%, 50%, 1.0), transparent 70%), radial-gradient(at 16% 38%, hsla(277, 100%, 50%, 1.0), transparent 70%), radial-gradient(at 51% 14%, hsla(54, 100%, 50%, 1.0), transparent 70%), radial-gradient(at 84% 39%, hsla(151, 100%, 50%, 1.0), transparent 70%), hsla(54, 100%, 50%, 1.0);
More Gradient Presets
FAQ
What is the Cyber Bloom gradient?Magenta, cyan, violet, and neon accents glowing from their own electric magenta base.
What's the CSS code for the Cyber Bloom gradient?
Use
background: radial-gradient(at 71% 79%, #FF00C1, transparent 70%), radial-gradient(at 28% 79%, #00FFF0, transparent 70%), radial-gradient(at 16% 38%, #9D00FF, transparent 70%), radial-gradient(at 51% 14%, #FFE500, transparent 70%), radial-gradient(at 84% 39%, #00FF85, transparent 70%), #FFE500;. RGBA and HSLA versions are also available on this page.