Чтобы создать CSS-градиент с тремя цветами, вы можете использовать различные методы. Вот несколько примеров кода:

1. Использование линейного градиента():

   background: linear-gradient(to right, red, yellow, blue);

   Это создает линейный градиент слева направо с переходом от красного к желтому и синему.

2. Использование радиального градиента():

   background: radial-gradient(circle, red, yellow, blue);

   Это создаст радиальный градиент круглой формы с переходом от красного к желтому и синему.

3. Использование conic-gradient():

   background: conic-gradient(red, yellow, blue);

   Это создает конический градиент, переходящий от красного к желтому и синему.

4. Использование нескольких линейных градиентов:

   background: linear-gradient(to right, red, yellow), linear-gradient(to right, yellow, blue);
   background-blend-mode: screen;

   Это создает эффект градиента с двумя отдельными линейными градиентами, смешанными вместе с помощью свойства background-blend-mode. Первый градиент переходит от красного к желтому, а второй градиент — от желтого к синему.

5. Использование нескольких радиальных градиентов:

   background: radial-gradient(circle, red, yellow), radial-gradient(circle, yellow, blue);
   background-blend-mode: screen;

   Как и в предыдущем примере, создается эффект градиента с двумя радиальными градиентами, смешанными вместе.