Залить блок 2 цветами по вертикали
CSS:
.article-gradient-2color-ver {
width: 100%;
height: 400px;
background: linear-gradient( to right, #dff0d8 0%, #dff0d8 50%, #31708f 50%, #31708f 100%);
}
Залить блок 2 цветами по горизонтали
CSS:
.article-gradient-2color-hor {
width: 100%;
height: 400px;
background: linear-gradient( to top, #dff0d8 0%, #dff0d8 50%, #31708f 50%, #31708f 100%);
}