Javascript Css Div 2背景色

我正在尝试用两种背景色制作一个div，我知道你可以做50/50渐变，但是当你走到更极端的时候，比如说20/80，颜色开始混合

我已经看过这个链接了

但是，同样，当我尝试将值更改为更高和更低时，它开始混合。有什么建议吗？谢谢

以下是我尝试实施它的地方：

您必须使用相同的百分比：

background-image: linear-gradient(bottom, #FFD51A 20%, #FAC815 20%);

或

。。。百分比用于定义颜色停止位置

---

这里有更多关于渐变的内容：这里的渐变只是呈现它应该呈现的样子，您只需要更改CSS，使其成为您想要的样子。要渲染为纯色，两个百分比必须相同
以下是一些不同的例子：

div{
宽度：200px；
高度：200px；
背景：线性梯度（红色50%，蓝色50%）；
}

50/50

我们回答了您的问题吗？非常有效，感谢您的详细解释@user2608763没问题：）当你问一个关于StackOverflow的问题时，你应该接受对你帮助最大的答案。它给发布答案的人15个声望，给你2个声望（我想是吧？）

"-webkit-linear-gradient(top, #222222 "+percent+"%, grey "+percent+"%)"

background-image: linear-gradient(bottom, #FFD51A 20%, #FAC815 20%);

background-image: linear-gradient(bottom, #FFD51A 80%, #FAC815 80%);