Ocean

Cool, professional gradient with ocean vibes. Ideal for tech products and corporate sites.

linearto-r

Color Stops

#22d3ee

0%

#3b82f6

50%

#4f46e5

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600
CSS Codecss
linear-gradient(to right, #22d3ee, #3b82f6, #4f46e5)

Customize This Gradient

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

Open Generator