Gradient Tools

Hard-Stop Gradient Generator

Build sharp hard-stop gradients

Stop 1

Position: 0%

Stop 2

Position: 50%

Stop 3

Position: 100%

90°

background: linear-gradient(90deg, #3B82F6 0%, #A855F7 50%, #EF4444 100%);