В чём разница между линейными, радиальными и коническими градиентами в CSS?

Разница между линейными, радиальными и коническими градиентами в CSS заключается в следующем:

1. Линейный градиент создаёт плавный переход между цветами вдоль прямой линии. {9-host} Если направление не указано, используется значение по умолчанию — сверху-вниз. html5book.ru
2. Радиальный градиент создаёт плавный переход между цветами, исходя от центра или заданной точки. {9-host} Градиент расширяется по кругу или эллипсу. {9-host}
3. Конический градиент имеет центральную точку в блоке, начинается сверху (по умолчанию) и идёт по кругу в 360 градусов. hcdev.ru Цвета поворачиваются по кругу вокруг центральной точки, будто стрелки часов. doka.guide

Таким образом, линейные градиенты располагаются перпендикулярно линии, задающей направление, а радиальные — расходятся от заданного центра, а градиент может принимать форму круга или эллипса. yoksel.github.io Конические градиенты идут, как бы оборачиваясь вокруг центра круга, начиная сверху и двигаясь по часовой стрелке. developer.mozilla.org