Online CSS Gradient Generator

Gradient is combination of two or more colors where transitions between colors are smooth. These gradient is useful for background, banners and buttons.

Generate a CSS Color Gradient

Choose orientation

Enter colors


2-Color-Gradient

CSS Code:

background-image: linear-gradient(to right top , #370F07 , #EB5813 , #60248A );