A color gradient is a gradual blend between two or more colors. Usually, a gradient is defined by two user-defined colors, and the computer automatically calculate all colors in between. Color gradients can consist of two or more used-defined colors. In CSS code for websites, you can define linear and radial gradients. A linear color gradient blends colors in a straight line and results in a progressive color transition from one point to another. A radial color gradient blends colors in a circular fashion and results in a color transition that radiates from an certain point.