使用css

Question

我尝试使用渐变作为<div>的背景来实现三色背景。 我能用css实际填充三种颜色：

.threecolored{
    background: linear-gradient(to right,  rgba(29,219,8,1) 0%,rgba(255,30,30,1) 50%,rgba(23,100,234,1) 100%); 
    }

所以我得到这个渐变（通过颜色过渡我的意思是部分在绿色/红色或蓝色/红色之间变化，而不是时间过渡）

有没有办法改变那个渐变看起来更像这个 或者我应该使用不同的CSS（或js？）机制？

我能够将<div>分成三个并分别为它们着色，但这会降低用例的目的。

感谢。

编辑：我认为它与Diagonal stripes in CSS that are 1px wide略有不同，因为那个与片段组合完成背景有关。 评论中已经提到过asnwer。