DESIGN GENERATORS
CSS gradient generator
Create a two-color gradient with a live preview.
RESULT
Ready when you are.
ADVERTISEMENT · RESERVED SPACE
How to use this tool
A linear gradient blends colors along an angle. CSS zero degrees points upward and 90 degrees points right. The generated background declaration can be pasted into a stylesheet. Check text contrast against both ends of the gradient when using it behind content.