Сокращённая запись колорстопов

Чтобы не дублировать цвета, в CSS существует сокращённая запись колорстопов. Начальную и конечную позиции можно указать через пробел сразу после значения цвета:

/* Длинная запись */
background:
  radial-gradient(
    #ff0000 0%, #ff0000 25%,
    #ffff00 25%, #ffff00 60%,
    #008000 60%, #008000 100%
  );

/* Сокращённая запись */
background:
  radial-gradient(
    #ff0000 0% 25%,
    #ffff00 25% 60%,
    #008000 60% 100%
  );

Оба варианта сработают одинаково. Сокращённая форма делает код компактнее и избавляет от лишних повторов, сохраняя при этом точные границы каждого участка.

А теперь попробуйте самостоятельно использовать сокращённую запись колорстопов.