345° | 330°
315° | 300°
285° | 270°
255° | 240°
225° | 210°
195° | 180°
165° | 150°
135° | 120°
105° | 90°
75° | 60°
45° | 30°
15° | 0°
End Color 1
End Color 2
End Color 3
CSS Linear Gradient Generator is a tool to create and generate gradient color especially linear gradient. Gradient is a color consist of or combination of two or more color. While the linear is band of the color aranged by stright line.
In linear gradient, the colors flow in a single direction. The direction could be from left to right, from top to bottom depend on it's angle direction.
The gradient from picture above represented by the arrow. The gradient direction is from left to right or 90°in angle.
You can create and generate the linear gradient with this online tool. And apply linear gradient result on every HTML element tag by putting the result code inside the CSS styling sheet.
You also can download the linear gradient image as result and save it to complement your needs.
Source : wikipedia
We use SSL (Secure Sockets Layer) encryption for data transmission over internet connection to make sure all data were transmitted securely.
Your entries will not be saved in our system, neither the result. We do not keep or inspect the contents of the submitted data any way. We also do not collect uploaded file from user and delete it directly after user leave the page.
Our tool is free to use. You can use it any time without install or download software to your computer.