Как сделать разноцветную полоску?
.line {
  height: 5px;
}
.gradient {
  background: linear-gradient(to right, green , blue);
}<div class="line gradient"></div>
Параллельно читаем https://www.w3schools.com/css/css3_gradients.asp
градиент?