所以目前我有一个导航栏，我试图将蓝灰色（顶部）淡化为透明（底部）。导航栏是固定的，所以我的目的是当我向下滚动而不是坚实的蓝色灰线时，它会与背景融为一体。我浏览了很多线索，人们似乎建议使用线性渐变函数;然而，它给了我一个奇怪的输出。这是我的navbar css：
.navbar {
background: linear-gradient(#e5ecf5, rgba(0,0,0,0));
}
以下是示例输出的图片（忽略奇怪的格式化）： screenshot
注意渐变如何变得比实际的灰蓝色更暗。它不能是＃e5ecf5的颜色，因为它是我用作身体背景的颜色。我也试过rgb格式的十六进制值无济于事。
编辑： 以下是我在codepen上的一大块代码：https://codepen.io/GMTChan/pen/BdVyjQ
