Основное отличие радиального градиента от линейного в CSS заключается в том, что в радиальном градиенте цвета выходят из одной точки (центра градиента) и равномерно распределяются наружу, рисуя форму круга или эллипса. 2 По умолчанию радиальный градиент эллипсоидный и расходится из центра. 1

Линейный градиент обозначает, что цвета переходят из одного в другой под некоторым заданным углом. 4 Если направление не указано, используется значение по умолчанию — сверху-вниз. 2

Таким образом, у линейных градиентов можно настраивать направление, в котором цвета сменяют друг друга, а у радиальных — форму, размер и координаты центральной точки. 1

Для создания линейного градиента используется функция linear-gradient(), а для радиального — radial-gradient(). 12