Arctic Bloom Gradient
Icy white deepening into deep teal.
Open in the gradient generator →
Color Stops
#EAF6FF
#8ECAE6
#023047
Arctic Bloom CSS Code
HEX Copy
background: #EAF6FF; background: radial-gradient(at center bottom, #EAF6FF 0%, #8ECAE6 50%, #023047 100%);
RGBA Copy
background: rgba(234, 246, 255, 1.0); background: radial-gradient(at center bottom, rgba(234, 246, 255, 1.0) 0%, rgba(142, 202, 230, 1.0) 50%, rgba(2, 48, 71, 1.0) 100%);
HSLA Copy
background: hsla(206, 100%, 96%, 1.0); background: radial-gradient(at center bottom, hsla(206, 100%, 96%, 1.0) 0%, hsla(199, 64%, 73%, 1.0) 50%, hsla(200, 95%, 14%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Arctic Bloom gradient?Icy white deepening into deep teal.
What's the CSS code for the Arctic Bloom gradient?
Use
background: radial-gradient(at center bottom, #EAF6FF 0%, #8ECAE6 50%, #023047 100%);. RGBA and HSLA versions are also available on this page.