Lavender

Soft lavender gradient for calming designs. Perfect for wellness and spa brands.

linearto-r

Color Stops

#c4b5fd

0%

#a78bfa

50%

#8b5cf6

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-violet-300 via-violet-400 to-violet-500
CSS Codecss
linear-gradient(to right, #c4b5fd, #a78bfa, #8b5cf6)

Customize This Gradient

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

Open Generator