Tailwind Gradient Generator
Feature request
Report bug
Toggle theme
Starting color (from)
CYAN · SHADE: 500
Shade
Stop Position (Optional)
Select position
Middle color (via)
BLUE · SHADE: 500
Shade
Stop Position (Optional)
Select position
Ending color (to)
BLUE · SHADE:
Shade
Stop Position (Optional)
Select position
bg-gradient-to-r from-cyan-500 from- via-blue-500 via-