CODE EXAMPLE FOR CSS

div half background color css

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