JSFiddle - React, Tailwind, and code Playground

by cgreinhold

HTML

Multicolor gradient
<div class="div1"></div>
Color with percent 
<div class="div2"></div>

CSS

.div1 {
  width: 200px;
  height: 50px;
  background-image: linear-gradient(to right, black, red, orange, yellow, white);
}

.div2 {
  width: 200px;
  height: 50px;
  background-image: linear-gradient(to right, black, red 20%);
}