how to divide a body background color in css code example

Example 1: how to split a background into two color in css

.logindiv {
  height: 200px;
  width: 200px;
  background: linear-gradient(to bottom, #1F4E79 0%, #1F4E79 50%, #ddd 50%, #ddd 100%);
}

Example 2: double color background css

background: linear-gradient(<angle>, color1 color1-stop-at, color2 color2-start-at);