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. 1

    Click Generate

    A random 2-color gradient and its CSS appear.

  2. 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.