css渐变问题？

Question

如图，如何才能做到让第二个红框内不渐变只有个灰色？
头疼。。。

Answer 1

50% green 50% gray

Answer 2

background: linear-gradient(to right,#E8C941 0%,#8EE83A 50%,#E3E7E4 50%);

Answer 3

好吧，解决了。
可能是各位没看清问题描述也可能是我问题描述不清吧。附上ui设计稿

要做成UI设计图这样的，后来请教了群里的各位大佬才知道
这样需要弄两个框，一个背景色就是灰色，另一个框做成渐变色，然后通过定位覆盖那个灰色的框就好了，我没能在一个框里直接用CSS解决，尴尬。