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 👍
July 7, 2025 02:38

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!
From Ice To Fire
Sky Blue
Congress Blue