Convertools Tools
English

Gradient generator

Mix two colors and copy the CSS.

background: linear-gradient(125deg, #dbea9f, #658c81);

Your inputs stay on this device.

How to use
  1. Choose a start color and an end color.
  2. Adjust the angle while checking the preview.
  3. Copy the CSS declaration.

The output is a two-color linear gradient. Reverse the colors or change the angle to make the transition run in the other direction.