Gradients

Create smooth color transitions with gradient utilities

Gradient utilities let you create smooth color transitions. Set direction, from-color, via-color, and to-color.

Direction

Color Preset

Add via-white (middle stop)

bg-gradient-to-rfrom-orange-500to-red-500

Tailwind CSS

<div class="bg-gradient-to-r from-orange-500 to-red-500">
</div>

14 / 23