From Ice To Fire

From Ice To Fire: Sky Blue #72C6EF to Congress Blue #004E8F represents a dynamic transition from calm to intense.

🎨 Use this gradient to evoke a sense of dramatic change or progression in your design.
💡 This gradient mirrors the natural phenomenon of ice melting into water and then evaporating into the sky.

Sky Blue

#72c6ef

Congress Blue

#004e8f

CSS Linear Gradient Code

				
					/* From Ice To Fire CSS Linear Gradient Background */
.gradient {
  background: #72C6EF;
  background: linear-gradient(
    to right,
    #72C6EF,#004E8F
  );
}

TailwindCSS Linear Gradient

				
					/* From Ice To Fire TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#72C6EF] to-[#004E8F]"></div>

From Ice To Fire - UI Design Examples

You can use this gradient in your UI design in many ways, for example as a background in a tweet, for buttons or as a text gradient.

Tweet Background Generator

Martha Samuel

@marthatalks

I love this From Ice To Fire color palette gradient background 👍

January 28, 2026 15:22

CSS Linear Gradient Button

Home

Why From Ice To Fire?

Get Started

Linear Gradient Border

From Ice To Fire

CSS Font Gradient

The Best

From Ice To Fire

Tailwind CSS

Landing Pages

Shade of From Ice To Fire

We hope you enjoyed From Ice To Fire. Keep reading for more amazing colorful content for developers, designers and creators!

View our entire collection of UI gradients

View all our color names

From Ice To Fire

Sky Blue

Congress Blue