<svg>
  <g id="red" y="0">
    <rect id="level 2" width="100" height="100" x="0" y="0" fill="#fff3f1" />
    <rect id="level 5" width="100" height="100" x="100" y="0" fill="#ffe3df" />
    <rect id="level 10" width="100" height="100" x="200" y="0" fill="#ffc9c2" />
    <rect id="level 20" width="100" height="100" x="300" y="0" fill="#ff928a" />
    <rect id="level 30" width="100" height="100" x="400" y="0" fill="#ff4349" />
    <rect id="level 40" width="100" height="100" x="500" y="0" fill="#fd0003" />
    <rect id="level 50" width="100" height="100" x="600" y="0" fill="#d00000" />
    <rect id="level 60" width="100" height="100" x="700" y="0" fill="#a20000" />
    <rect id="level 70" width="100" height="100" x="800" y="0" fill="#750000" />
    <rect id="level 80" width="100" height="100" x="900" y="0" fill="#480000" />
    <rect id="level 90" width="100" height="100" x="1000" y="0" fill="#1e0000" />
    <rect id="level 95" width="100" height="100" x="1100" y="0" fill="#090000" />
  </g>
  <g id="orange" y="120">
    <rect id="level 2" width="100" height="100" x="0" y="0" fill="#fff5ea" />
    <rect id="level 5" width="100" height="100" x="100" y="0" fill="#ffe6cf" />
    <rect id="level 10" width="100" height="100" x="200" y="0" fill="#ffcea1" />
    <rect id="level 20" width="100" height="100" x="300" y="0" fill="#ff9930" />
    <rect id="level 30" width="100" height="100" x="400" y="0" fill="#ff6a00" />
    <rect id="level 40" width="100" height="100" x="500" y="0" fill="#db4a00" />
    <rect id="level 50" width="100" height="100" x="600" y="0" fill="#b42c00" />
    <rect id="level 60" width="100" height="100" x="700" y="0" fill="#8a1100" />
    <rect id="level 70" width="100" height="100" x="800" y="0" fill="#5f0000" />
    <rect id="level 80" width="100" height="100" x="900" y="0" fill="#360000" />
    <rect id="level 90" width="100" height="100" x="1000" y="0" fill="#110000" />
    <rect id="level 95" width="100" height="100" x="1100" y="0" fill="#030000" />
  </g>
  <g id="yellow" y="240">
    <rect id="level 2" width="100" height="100" x="0" y="0" fill="#fff8e3" />
    <rect id="level 5" width="100" height="100" x="100" y="0" fill="#ffecbb" />
    <rect id="level 10" width="100" height="100" x="200" y="0" fill="#ffd76c" />
    <rect id="level 20" width="100" height="100" x="300" y="0" fill="#f8b000" />
    <rect id="level 30" width="100" height="100" x="400" y="0" fill="#d78f00" />
    <rect id="level 40" width="100" height="100" x="500" y="0" fill="#b67000" />
    <rect id="level 50" width="100" height="100" x="600" y="0" fill="#935300" />
    <rect id="level 60" width="100" height="100" x="700" y="0" fill="#6e3a00" />
    <rect id="level 70" width="100" height="100" x="800" y="0" fill="#492400" />
    <rect id="level 80" width="100" height="100" x="900" y="0" fill="#261000" />
    <rect id="level 90" width="100" height="100" x="1000" y="0" fill="#090200" />
    <rect id="level 95" width="100" height="100" x="1100" y="0" fill="#010000" />
  </g>
  <g id="green" y="360">
    <rect id="level 2" width="100" height="100" x="0" y="0" fill="#e8ffec" />
    <rect id="level 5" width="100" height="100" x="100" y="0" fill="#c5ffd0" />
    <rect id="level 10" width="100" height="100" x="200" y="0" fill="#8bfba6" />
    <rect id="level 20" width="100" height="100" x="300" y="0" fill="#00e562" />
    <rect id="level 30" width="100" height="100" x="400" y="0" fill="#00c91d" />
    <rect id="level 40" width="100" height="100" x="500" y="0" fill="#00a500" />
    <rect id="level 50" width="100" height="100" x="600" y="0" fill="#008200" />
    <rect id="level 60" width="100" height="100" x="700" y="0" fill="#005f00" />
    <rect id="level 70" width="100" height="100" x="800" y="0" fill="#003e00" />
    <rect id="level 80" width="100" height="100" x="900" y="0" fill="#001f00" />
    <rect id="level 90" width="100" height="100" x="1000" y="0" fill="#000600" />
    <rect id="level 95" width="100" height="100" x="1100" y="0" fill="#000100" />
  </g>
  <g id="blue" y="480">
    <rect id="level 2" width="100" height="100" x="0" y="0" fill="#f0faff" />
    <rect id="level 5" width="100" height="100" x="100" y="0" fill="#dcf2ff" />
    <rect id="level 10" width="100" height="100" x="200" y="0" fill="#b9e4ff" />
    <rect id="level 20" width="100" height="100" x="300" y="0" fill="#71c7ff" />
    <rect id="level 30" width="100" height="100" x="400" y="0" fill="#00a7ff" />
    <rect id="level 40" width="100" height="100" x="500" y="0" fill="#0087e7" />
    <rect id="level 50" width="100" height="100" x="600" y="0" fill="#0068b8" />
    <rect id="level 60" width="100" height="100" x="700" y="0" fill="#004b88" />
    <rect id="level 70" width="100" height="100" x="800" y="0" fill="#00305a" />
    <rect id="level 80" width="100" height="100" x="900" y="0" fill="#001830" />
    <rect id="level 90" width="100" height="100" x="1000" y="0" fill="#00040c" />
    <rect id="level 95" width="100" height="100" x="1100" y="0" fill="#000001" />
  </g>
  <g id="purple" y="600">
    <rect id="level 2" width="100" height="100" x="0" y="0" fill="#fbf5ff" />
    <rect id="level 5" width="100" height="100" x="100" y="0" fill="#f5e8ff" />
    <rect id="level 10" width="100" height="100" x="200" y="0" fill="#ebd0ff" />
    <rect id="level 20" width="100" height="100" x="300" y="0" fill="#d5a2ff" />
    <rect id="level 30" width="100" height="100" x="400" y="0" fill="#c06eff" />
    <rect id="level 40" width="100" height="100" x="500" y="0" fill="#ac1fff" />
    <rect id="level 50" width="100" height="100" x="600" y="0" fill="#8a00dc" />
    <rect id="level 60" width="100" height="100" x="700" y="0" fill="#6500a3" />
    <rect id="level 70" width="100" height="100" x="800" y="0" fill="#42006b" />
    <rect id="level 80" width="100" height="100" x="900" y="0" fill="#210337" />
    <rect id="level 90" width="100" height="100" x="1000" y="0" fill="#06000f" />
    <rect id="level 95" width="100" height="100" x="1100" y="0" fill="#010002" />
  </g>
  <g id="neutral" y="720">
    <rect id="level 2" width="100" height="100" x="0" y="0" fill="#f6f9fa" />
    <rect id="level 5" width="100" height="100" x="100" y="0" fill="#eceff1" />
    <rect id="level 10" width="100" height="100" x="200" y="0" fill="#dbdfe1" />
    <rect id="level 20" width="100" height="100" x="300" y="0" fill="#babec1" />
    <rect id="level 30" width="100" height="100" x="400" y="0" fill="#9b9fa2" />
    <rect id="level 40" width="100" height="100" x="500" y="0" fill="#7c8184" />
    <rect id="level 50" width="100" height="100" x="600" y="0" fill="#5f6467" />
    <rect id="level 60" width="100" height="100" x="700" y="0" fill="#44484b" />
    <rect id="level 70" width="100" height="100" x="800" y="0" fill="#2a2f31" />
    <rect id="level 80" width="100" height="100" x="900" y="0" fill="#131719" />
    <rect id="level 90" width="100" height="100" x="1000" y="0" fill="#020405" />
    <rect id="level 95" width="100" height="100" x="1100" y="0" fill="#000001" />
  </g>
</svg>