CSS Gradient Generator

The CSS Gradient Generator allows you to generate the CSS code for a linear gradient with up to five colors. You can use such a CSS gradient as a background image of an element or even as the border. Both you can see in the examples below.

To use this tool, you need to select at least two color values and check the active checkbox next to them. We preselected red and blue for you. With the angle range selection, you can define the direction for the gradient from -180deg to 180deg.


CSS Border Image

The CSS property border-image allows you to use linear gradients as the element's border.

This is an example of a linear gradient used as a border.

CSS Code

    FontExplorer X - Makes Everyone an Expert

Advertisment: These links are affiliate (commission) links. If you click on such a link and buy something on that website, I get a commission. For you, the price does not change.