Как в местах разделения цвета их рельно разделить и на after и before?

Question

[KRHD]

https://jsfiddle.net/Lfrxgq29/ Перейдите и сами поймёте о чём я

Comments

[Kovalsky]

"Перейдите и сами поймёте о чём я" - перешёл и все равно не понял, т.к. у вас в примере и так разделено по цветам: левая часть одного цвета, правая - другого

Answer 1

[romanu418]

Через clip-path

Answer 2

[Ankhena]

Только через before, after не придумалось
https://jsfiddle.net/5jfb1rxo/
Разве что заменить before от одного элемента, а after от другого (.header::after), но это как-то мудрено выглядит https://jsfiddle.net/v7y14hv8/