Я ш вам даже пример в прошлом ответе делала.
Как сделать border в разных цветах в разных отрезках?
Через запятую пишется направление градиента, затем цвет и точка перехода в любых доступных единицах измерения, снова цвет и точка и т.д. Если 2 соседние точки одинакового цвета - получается однотонный кусок, если разного, то плавный переход от одного к другому.
Вся высота блока 100%, надо 5 равных кусков -> по 20%. Чтобы были четкие границы цветов начало и конец цвета должны совпадать или почти совпадать (Зависит от угла наклона градиента, чтобы не было ступенчатой границы делают не совсем стык в стык. Для вашей задачи это не актуально, так лирическое отступление)
Хорошие уроки про градиенты на
https://htmlacademy.ru/courses/70 Курс доступен только по подписке, но 90р. не жалко за очень полезные знания. Заодно что-то еще новое узнаете.
Либо статья:
https://html5book.ru/css3-gradient/ (последний пример из первой части).
Визуальный генератор градиентов:
www.colorzilla.com/gradient-editor