Gradient Generator

CSS Gradient Builder

Type

Angle135°

Colors3-stop gradient

#7C3AED

#06B6D4

CSS Output

background: linear-gradient(135deg, #7C3AED, #06B6D4);

Tailwind

bg-gradient-to-r from-[#7C3AED] to-[#06B6D4]