如何更改 HSL 颜色？

Question

这就是我要做的例子。可不可以从左到右使用#00809C和#142E76这两种颜色，我该怎么办？ https://codepen.io/rodzyk/pen/mdxvQby

const gradateLineTemplate = (deg: number, hue: number) =>
    `<line data-deg="${deg}" class="active" style="--deg: ${deg}deg; --h: ${hue}" x1="300" y1="30" x2="300" y2="70" />`;

这是js代码我找到了改变颜色的方法，但是它不能使用指定颜色，只能调整改变颜色的程度。