Please provide a solution for this. This is my code
#legend-gradient {
width: 300px;
height: 20px;
background-image: linear-gradient(
to right,
var(--color0) 0%, var(--color0) 16.66%,
var(--color1) 16.66%, var(--color1) 33.33%,
var(--color2) 33.33%, var(--color2) 50%,
var(--color3) 50%, var(--color3) 66.66%,
var(--color4) 66.66%, var(--color4) 83.33%,
var(--color5) 83.33%, var(--color5) 100%
);
}