背景色を1/2ずつ２色で表示したい

linear-gradient()を利用する

線型グラデーション

linear-gradient(角度, カラーストップ);

角度　

キーワードまたは数値で指定する。
上方向へ　to top または 0deg
下方向へ　to bottom または 180deg
右方向へ　to right または 90deg
左方向へ　to left または -90deg
左下から右上方向へ　to top right または 45deg

カラーストップ

色 位置単位でカンマ区切りで指定する。位置は数値または%で割合を指定。

例：blueからyellowへスムーズにグラデーション
blue 0%, yellow 100%

例：半分までがblue 残り半分がyellowに2色に分ける
blue 0%, blue 50%, yellow 50%, yellow 100%

背景を上下方向に2色に分ける

上から半分をblueに、残りの半分をyellowに指定する具体例

background: linear-gradient(to bottom, blue 0%, blue 50%, yellow 50%, yellow 100%);