.gradient {
  width: 500px;
  height: 200px;
  background: linear-gradient(to right,red    20%,green  20%,green  40%,blue   40%,blue   60%,purple 60%,purple 80%,yellow 80%,yellow 100%
  );
}

<div class="gradient"></div>