Coral

Warm coral gradient. Inviting and friendly.

linearto-r

Color Stops

#fda4af

0%

#fb7185

50%

#f43f5e

100%

Code

Tailwind CSS Classeshtml
bg-gradient-to-r from-rose-300 via-rose-400 to-rose-500
CSS Codecss
linear-gradient(to right, #fda4af, #fb7185, #f43f5e)

Customize This Gradient

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

Open Generator