JSFiddle - React, Tailwind, and code Playground

HTML

<div class="colorLine"></div>

CSS

.colorLine {
	width: 80%;
	height: 10px;
    background: -webkit-linear-gradient(to right, #f6d086 0%, #f6d086 20%, #85b3e7 20.1%, #85b3e7 40%, #de7673 40.1%, #de7673 60%, #fbdd76 60.1%, #fbdd76 80%, #8eca68 80.1%, #8eca68 100%);
    background: -moz-linear-gradient(to right, #f6d086 0%, #f6d086 20%, #85b3e7 20.1%, #85b3e7 40%, #de7673 40.1%, #de7673 60%, #fbdd76 60.1%, #fbdd76 80%, #8eca68 80.1%, #8eca68 100%);
    background: -o-linear-gradient(to right, #f6d086 0%, #f6d086 20%, #85b3e7 20.1%, #85b3e7 40%, #de7673 40.1%, #de7673 60%, #fbdd76 60.1%, #fbdd76 80%, #8eca68 80.1%, #8eca68 100%);
    background: linear-gradient(to right, #f6d086 0%, #f6d086 20%, #85b3e7 20.1%, #85b3e7 40%, #de7673 40.1%, #de7673 60%, #fbdd76 60.1%, #fbdd76 80%, #8eca68 80.1%, #8eca68 100%);
    margin: 0 auto;
}