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


3-Color-Gradient

CSS Code:

background-image: linear-gradient(to right top , #2C372C , #006d8a);