<div class="box"></div>
$p:100% / 6;
.box{
  height:100px;
  outline:1px solid;
  background-image: linear-gradient(90deg,red 0%,orange $p *1,yellow $p *2,green $p *3,blue $p *4,indigo $p *5,violet 100%);
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.