CSS Gradient
Winter Gradient
Feel the crisp chill of winter with this icy gradient. It flows from deep navy through steel blue to a frosty, almost-white silver, capturing the feeling of a clear winter sky. Use it for holiday campaigns, luxury brands, or any design that needs a cool, sophisticated edge.
CSS
background: linear-gradient(180deg, #0c1445 0%, #4a6fa5 50%, #e0e8f0 100%);Color Stops
#0C1445
#4A6FA5
#E0E8F0
Frequently Asked Questions
›What colors are in the winter gradient?
Deep midnight navy (#0C1445), steel blue (#4A6FA5), and icy silver (#E0E8F0). The progression mimics a winter sky from night to frost.
›How do I add a frosted glass effect with this gradient?
Apply the gradient to a container, then use backdrop-filter: blur(10px) on a semi-transparent overlay. This creates a beautiful frosted glass effect over the winter gradient.
›Can I add a sparkle effect to this gradient?
Yes. Overlay a subtle radial-gradient with tiny white dots using CSS, or add a CSS animation with pseudo-elements that mimic falling snow or sparkle.
winter gradientwinter gradient cssice blue gradientcold gradientfrost gradient css