CSS

css background half one color the other half another color

 div{
    	width:400px;
    	height:350px;
    	background: linear-gradient(to right, blue 50%, yellow 50%);
    }

div half background color css

#box {
    height: 200px;
    border: solid 1px;
    background-color: blue;
    background-image: linear-gradient(180deg, transparent 50%, #FFF 10%);
  }