动态滚动背景色

Question

当用户仅使用两种颜色滚动时，例如[{1}}和#73a5c7，我正在尝试使背景平滑变化。

这是我的主意：

1. 以这种背景色#105280
开始
2. 用户向下滚动，从顶部/底部获取位置，并生成过渡色或插值颜色，类似于that
3. 为每个滚动重复以最终匹配最后的颜色，就像渐变一样
4. 页面末尾的用户，我们的背景色为#73a5c7

这个想法是使css线性渐变具有平滑度，但在每个滚动处均具有纯色。您认为有可能吗？

这里是一个示例：https://codepen.io/Funsella/pen/dpRPYZ，但是您可以看到我们需要在每个div上定义颜色，而且这并不是很平滑。

谢谢！