<div style="
  height: 20px;
  background:
    linear-gradient(green 20%,
                    red 60%,
                    white,
                    40%, /* midpoint */
                    rgba(0,0,255,0.5),
                    rgba(0,255,255,0.5) 60%)"></div>