グラデーションを使用した背景色分割

横向きに２色分割

background: linear-gradient(90deg, rgba(#fff, 1) 0%, rgba(#fff, 1) 20%, rgba(#ccc, 1) 20%, rgba(#ccc, 1) 100%);

% じゃなくても em や px の混合でも可能。
縦向きに分割する時は 180deg に変える。
 
普通に左から右へのグラデーション

background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 100%);