Sapphire

Deep sapphire gradient. Royal and valuable.

linearto-r

Color Stops

#93c5fd

0%

#2563eb

50%

#1e3a8a

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-blue-300 via-blue-600 to-blue-900
CSS Codecss
linear-gradient(to right, #93c5fd, #2563eb, #1e3a8a)

Customize This Gradient

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

Open Generator