Razor代码，用于在3色刻度上计算CSS颜色

我正在将Excel工作表转换为MVC Razor引擎web应用程序。除了一些单元格具有基于3色刻度的条件格式之外，其他都很好-50=红色，0=黄色，+50=绿色。如何根据整数输入值选择css背景颜色？

您可以使用SASS变量作为颜色值：

---

可以将SASS变量用于颜色值：

---

让一个CSS类来表示每个颜色状态，并在视图中有条件地应用该类如何？问题还不清楚。Excel“三色条件格式”是一种滑动比例，至少在本例中是这样。对于-50到50之间的每个值，颜色都会改变色调。我希望避免开设100门课。但我可能会设置9。。。每种颜色中有三种就足够了。使用CSS类来表示每个颜色状态，并在视图中有条件地应用该类如何？问题不清楚。Excel“三色条件格式”是一种滑动比例，至少在本例中是这样。对于-50到50之间的每个值，颜色都会改变色调。我希望避免开设100门课。但我可能会设置9。。。每一种中有三种就足够了。

$brand-color: red;
$brand-new-color: rgba($color-brand, 0.8);