背景颜色与渐变透明

Question

我有以下html，其背景颜色来自db

<div class="period" style="background-color: <%= color %>">
    <div class="day available">
        <div> 3 </div>
    </div>
</div>

在课堂上#34;可用日期＆＃34;我想应用一个具有25％透明度和75％绿色度的渐变，因此我可以继续查看周期颜色并查看可用性。

我有这个课程的CSS

.day{
    &.available{
        background: linear-gradient(0deg, $available 0%, $available 75%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%); /* w3c */
    }
}

有了这个，我显示了渐变，但我在透明部分看不到蓝色

我做错了什么？