FREE TOOL / DESIGN

CSS Gradient Generator

Create a two-color CSS linear gradient and preview the result.

Runs in your browser

CSS Gradient GeneratorYour input stays on this device

How to use this tool

Enter your information and choose any options.
Run the tool to see the result.
Copy the result if you need it elsewhere.

Good to know

The result is a CSS background declaration. Processing happens in your browser and your input is not uploaded.