Arctic Aurora Gradient
Icy blue shifting through mint into electric cyan.
Open in the gradient generator →
Color Stops
#83A4D4
#B6FBFF
#92FE9D
#00C9FF
Arctic Aurora CSS Code
HEX Copy
background: #83A4D4; background: linear-gradient(0deg, #83A4D4 0%, #B6FBFF 30%, #92FE9D 65%, #00C9FF 100%);
RGBA Copy
background: rgba(131, 164, 212, 1.0); background: linear-gradient(0deg, rgba(131, 164, 212, 1.0) 0%, rgba(182, 251, 255, 1.0) 30%, rgba(146, 254, 157, 1.0) 65%, rgba(0, 201, 255, 1.0) 100%);
HSLA Copy
background: hsla(216, 49%, 67%, 1.0); background: linear-gradient(0deg, hsla(216, 49%, 67%, 1.0) 0%, hsla(183, 100%, 86%, 1.0) 30%, hsla(126, 98%, 78%, 1.0) 65%, hsla(193, 100%, 50%, 1.0) 100%);
Similar Gradients
More Gradient Presets
FAQ
What is the Arctic Aurora gradient?Icy blue shifting through mint into electric cyan.
What's the CSS code for the Arctic Aurora gradient?
Use
background: linear-gradient(0deg, #83A4D4 0%, #B6FBFF 30%, #92FE9D 65%, #00C9FF 100%);. RGBA and HSLA versions are also available on this page.