Sunrise

Warm sunrise gradient from bottom to top. Uplifting and energetic.

linearto-t

Color Stops

#fbbf24

0%

#f97316

50%

#f43f5e

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-t from-amber-400 via-orange-500 to-rose-500
CSS Codecss
linear-gradient(to top, #fbbf24, #f97316, #f43f5e)

Customize This Gradient

Use our gradient generator to modify colors, direction, and more.

Open Generator