Существуют следующие виды заливки с переходом одного цвета в другой:

• Линейный. 23 Цвета расположены по одной линии, но с разных сторон. 3 Такими градиентами удобно заливать прямоугольные фигуры и области. 3

• Круговой, радиальный. 23 Оттенок или интенсивность меняются от краёв круга к центру. 3 Он больше подходит для округлых фигур. 3

• Угловой (конусный). 2 Ключевые точки располагаются по кругу. 2 Этот градиент создаёт эффект объёма или вращения виртуальной «лопасти» — места стыка цветов. 3

• Ромбовидный, алмазный. 23 Цвета расположены по диагоналям ромба. 3 Этот тип градиента создаёт эффект симметрии или перспективы. 3

• Отражённый. 2 Похож на линейный, составляется из двух частей: линейного градиента и его воображаемого отражения в зеркале. 2

• Сетчатый. 3 Цвета распределены по сетке из множества точек или узлов. 3 Такой градиент часто применяется для большой площади: фонов сайтов, баннеров и т. д.. 3

В градиенте можно использовать более двух цветов и дополнительно указывать настройки прозрачности и смещения границы цветов. 2