Rainbow

Full rainbow spectrum gradient. Colorful and inclusive.

linearto-r

Color Stops

#ef4444

0%

#f97316

17%

#eab308

33%

#22c55e

50%

#3b82f6

67%

#8b5cf6

83%

#ec4899

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-red-500 via-yellow-500 to-violet-500
CSS Codecss
linear-gradient(to right, #ef4444, #f97316, #eab308, #22c55e, #3b82f6, #8b5cf6, #ec4899)

Customize This Gradient

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

Open Generator