conic-gradient()

Конический градиент — цвета вращаются вокруг центра.

Сигнатураconic-gradient(from угол at позиция, цвет, …)

Идеален для круговых диаграмм и цветовых кругов: оттенки сменяют друг друга по кругу.

.pie {
  background: conic-gradient(red, yellow, green, blue, red);
  border-radius: 50%;
}