如何使用SVG渐变插值色相？

我想要一个从hsl(0, 100%, 50%)到的渐变形状的svg形状hsl(360, 100%, 50%)，其中的色相从0-> 360平稳地运行，以创建类似以下内容：

当我使用这些终止色进行渐变时：

…导致完全红色的渐变

我设法通过添加更多止损点来解决它：

虽然看起来很丑。

有更好的方法吗？