to-red-700

The to-red-700 class belongs to the gradient color stops group within the backgrounds category.

Example Usage

Here is an example of how to use to-red-700:

<div class="bg-gradient-to-b via-purple-300 from-yellow-500 to-red-700 p-4 w-32 h-32 rounded-lg"></div>

Resulting CSS

--tw-gradient-to: #b91c1c var(--tw-gradient-to-position);

Other Gradient color stops Classes

from-amber-100from-amber-200from-amber-300from-amber-400from-amber-50from-amber-500from-amber-600from-amber-700from-amber-800from-amber-900from-amber-950from-blackfrom-blue-100from-blue-200from-blue-300from-blue-400
View other Backgrounds classesView all Gradient color stops classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!