Ice Cave Gradient: CSS Code & Colors

Q: What's the CSS code for the Ice Cave gradient?

Use background: radial-gradient(at center, #E0FFFF 0%, #4682B4 50%, #191970 100%);. RGBA and HSLA versions are also available on this page.

Ice Cave Gradient

Pale cyan deepening into midnight blue at the edges.

Customize this gradient →

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

Color Stops

#E0FFFF

#4682B4

#191970

Ice Cave CSS Code

background: #E0FFFF;
background: radial-gradient(at center, #E0FFFF 0%, #4682B4 50%, #191970 100%);

background: rgba(224, 255, 255, 1.0);
background: radial-gradient(at center, rgba(224, 255, 255, 1.0) 0%, rgba(70, 130, 180, 1.0) 50%, rgba(25, 25, 112, 1.0) 100%);

background: hsla(180, 100%, 94%, 1.0);
background: radial-gradient(at center, hsla(180, 100%, 94%, 1.0) 0%, hsla(207, 44%, 49%, 1.0) 50%, hsla(240, 64%, 27%, 1.0) 100%);

background: #E0FFFF;
background: radial-gradient(at center, #E0FFFF 0%, #4682B4 50%, #191970 100%);
background: radial-gradient(at center in oklch, oklch(97.79% 0.032 196.64) 0%, oklch(58.8% 0.0993 245.74) 50%, oklch(28.81% 0.1436 272.76) 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-radial-[at_center_in_srgb] from-[#E0FFFF] from-0% via-[#4682B4] via-50% to-[#191970] to-100%

bg-[radial-gradient(at_center,#E0FFFF_0%,#4682B4_50%,#191970_100%)]

Similar Gradients

More Gradient Presets

FAQ

What is the Ice Cave gradient?