同一要素内で複数の色を使用する方法

グラデーション3色以上

linear-gradientの色を増やすだけ。

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

グラデーションなしで複数色

linear-gradientを色とその色の開始を指定するとグラデーションがなくなり、色がきっぱり分かれる。

background-image: linear-gradient(to right, yellow 50%, red 50%)