Aurora Borealis Gradient
Electric cyan melting into mint green, like northern lights.
Open in the gradient generator →
Color Stops
#00C9FF
#92FE9D
Aurora Borealis CSS Code
HEX Copy
background: #00C9FF; background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
RGBA Copy
background: rgba(0, 201, 255, 1.0); background: linear-gradient(90deg, rgba(0, 201, 255, 1.0) 0%, rgba(146, 254, 157, 1.0) 100%);
HSLA Copy
background: hsla(193, 100%, 50%, 1.0); background: linear-gradient(90deg, hsla(193, 100%, 50%, 1.0) 0%, hsla(126, 98%, 78%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Aurora Borealis gradient?Electric cyan melting into mint green, like northern lights.
What's the CSS code for the Aurora Borealis gradient?
Use
background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);. RGBA and HSLA versions are also available on this page.