Gradient Tools

Multi-Stop Gradient Builder

Stack many color stops in one gradient

Stop 1

Position: 0%

Stop 2

Position: 50%

Stop 3

Position: 100%

90°

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