create two solid color background 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: how to give 2 different background color css

background: repeating-linear-gradient(#74ABDD, #74ABDD 49.9%, #498DCB 50.1%, #498DCB 100%);

Example 3: double color background css

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

Tags:

Css Example