7 Blöcke mit anderen Farben

Hy WP Forum,

Bin gerade am überlegen wie ich das am besten lösen sollte/könnte?
Unter dem Menü möchte ich eine art Border-line erstellen.
Zur Vorstellung 8 Farbblöcke mit einen kleinen abstand zu jeder Farbe.

Also ein relativ dünner strich mit ca. 8px in der Höhe.

Meine Überlegung ist.
Das mit divs zu erstellen
zb.

<div class="color1"> </div>
<div class="color2"> </div>

usw. da ich zwischen den Farbblöcken einen kleinen Abstand brauche.
Oder geht es auch mit *gradient* ?

oder oder oder... wie würde ihr das machen?

Vielen Dank