我试图循环播放一段时间，逐渐降低hsla的亮度值，但是运行循环时出现错误$lightness: "96.77419" is not a number forhsla’`。谁能告诉我我在哪里出错或如何加以改善？

码

$iterations: 31;
$base: 100;
$math: $base / $iterations;

li {
  background: #919190;
  height: 40px;
  line-height: 40px;
  color: #191919;
  text-align: center;
}

@for $i from 1 through $iterations {
 .options:nth-of-type(#{$i}) {
    background: hsla(60, 1, #{($base - $math)}, 1);
}

我真正想要做的是能够逐渐增加颜色以制成阴影调色板，真的希望能够多次使用此多次并以不同的量使用，所以如果您能给我一些其他建议来制作，那将是很棒的这个。