Уж сколько раз твердили миру, что
RGB в дизайне подсасывает надо уметь пользоваться разными цветовыми моделями.
И вот тему неплохо разобрали на примере создания градиентов на разные случаи жизни. (Градиенты в RGB-модели, хоть и обладают таким замечательным качеством, как нативная поддержка в CSS, но при переходе от цвета к цвету проходят через «мёртвую» серую зону, что часто является нежелательным эффектом):
Статья с теорией и интерактивными примерами:
https://www.joshwcomeau.com/css/make-beautiful-gradients/
Её перевод на родной русский, но без интерактивности:
https://habr.com/ru/post/645165/
Инструмент по созданию градиентов,
ради пиара которого, надо полагать, автор и написал ту статью, вполне себе полезный, ИМХО:
https://www.joshwcomeau.com/gradient-generator/ Не знаю только, как скажется его применение на производительности на слабых девайсах. (Вводить кучу промежуточных точек это всегда риск).