CSS gradient generator

Create a CSS linear-gradient from two colors and an angle. Ready-to-copy code, free in your browser.

First color

Second color

Angle

CSS code

CSS gradient generator

Build a CSS gradient from two colors and a chosen angle. The tool instantly generates a ready linear-gradient() string for your CSS. Everything runs locally in your browser — your data is never sent anywhere.