Akshay K P | Gradient

Gradient Generator

Direction:Color 1 (from):Color 2 (via):Color 3 (to):

Tailwind Gradient: bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500

to-r

Tailwind: bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500

to-l

Tailwind: bg-gradient-to-l from-green-400 to-blue-500

to-t

Tailwind: bg-gradient-to-t from-red-500 to-yellow-500

to-b

Tailwind: bg-gradient-to-b from-purple-500 to-indigo-600

to-tr

Tailwind: bg-gradient-to-tr from-pink-500 via-red-500 to-yellow-500

to-bl

Tailwind: bg-gradient-to-bl from-cyan-500 via-blue-500 to-indigo-500

to-br

Tailwind: bg-gradient-to-br from-green-500 via-teal-500 to-blue-500

to-tl

Tailwind: bg-gradient-to-tl from-yellow-500 via-orange-500 to-red-500

to-r

Tailwind: bg-gradient-to-r from-gray-700 to-gray-900