1 2 3 4 5 6 7 8 9
<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>