Gradient Generator

Generate a random CSS linear-gradient with two colors.

Runs entirely in your browser - nothing is sent to a server.

Related tools

How it works

1
Click Generate

A random 2-color gradient and its CSS appear.
2
Copy the CSS

Ready to paste as a background style.

FAQ

What CSS property is this for?: It generates a `background` value using `linear-gradient()` - paste it directly into your CSS.