（CSS）可能以线性渐变的形式继承RGB值吗？

Question

我正在使用一个用于显示 Font Awesome 星（和半星）图标的评级系统，我最近将其切换为耳机图标。字体真棒提供半星图标但不提供半耳机图标。所以我不得不使用CSS只显示半个图标（全不透明度）而另一半使用不透明度。我就这样做了：

background: linear-gradient(to right, rgb(206, 55, 72) 50%, rgba(206, 55, 72, 0.28) 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

示例（请参阅下面的红色图标，评分为4.5耳机）：

问题是，我也在其他地方使用相同的评级，其中字体颜色不同。但是因为我定义了一个特定的RGB值，所以我的半耳机在整个网站上使用相同的颜色。

检查出来：

我可以继承＆＃34;使用线性渐变时的颜色只会影响图标的不透明度？

如：

background: linear-gradient(to right, inherit 50%, rgba(inherit, 0.28) 50%);

或者还有另一种方法吗？

谢谢。