CSS 背景色を2つに分ける

ホームページを制作していく中で背景色を2つに分けたい時があります。

background: linear-gradient(180deg, #fff 0%, #fff 50%, #00FF00 50%, #00FF00 100%);

こちらのコードでは、0%〜50%は白色で、50%〜100%は赤色で表示されます。