Arctic Frost Gradient: CSS Code & Colors

Q: What's the CSS code for the Arctic Frost gradient?

Use background: linear-gradient(0deg, #83A4D4 0%, #B6FBFF 100%);. RGBA and HSLA versions are also available on this page.

Arctic Frost Gradient

Icy blue fading into pale cyan.

Customize this gradient →

Opens it in the generator: change the type or direction, adjust the colors, then copy the CSS or download.

Color Stops

#83A4D4

#B6FBFF

Arctic Frost CSS Code

background: #83A4D4;
background: linear-gradient(0deg, #83A4D4 0%, #B6FBFF 100%);

background: rgba(131, 164, 212, 1.0);
background: linear-gradient(0deg, rgba(131, 164, 212, 1.0) 0%, rgba(182, 251, 255, 1.0) 100%);

background: hsla(216, 49%, 67%, 1.0);
background: linear-gradient(0deg, hsla(216, 49%, 67%, 1.0) 0%, hsla(183, 100%, 86%, 1.0) 100%);

background: #83A4D4;
background: linear-gradient(0deg, #83A4D4 0%, #B6FBFF 100%);
background: linear-gradient(0deg in oklch, oklch(71.21% 0.0796 257.67) 0%, oklch(94.38% 0.0685 200.58) 100%);

The same colors blended in OKLCH, so this one looks more vivid than the gradient above. Older browsers show the standard gradient. How OKLCH gradients work →

bg-linear-0/srgb from-[#83A4D4] from-0% to-[#B6FBFF] to-100%

bg-gradient-to-t from-[#83A4D4] from-0% to-[#B6FBFF] to-100%

Try it as

Similar Gradients

More Gradient Presets

FAQ

What is the Arctic Frost gradient?