Резкий переход нескольких цветов

Этот приём работает с любым количеством цветов. Просто продублируйте каждый цвет и совместите конец одного участка с началом следующего.

Шесть колорстопов формируют три чётких блока:

background: radial-gradient(
  red 0%, red 15%,
  yellow 15%, yellow 45%,
  green 45%, green 100%
);

Первый цвет занимает зону от центра до 15%, второй — от 15% до 45%, а третий заполняет всё до края. Принцип остаётся тем же, даже если цветов будет три, пять или десять.

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