Citrus

Fresh citrus-inspired gradient. Great for food and beverage brands.

linearto-r

Color Stops

#fbbf24

0%

#84cc16

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-amber-400 to-lime-500
CSS Codecss
linear-gradient(to right, #fbbf24, #84cc16)

Customize This Gradient

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

Open Generator