Как прописать background на 3 цвета?

Question

[Extremo]

Нужно добавить белую полоску снизу к backgroung, так чтобы на нее мог залезть контент.
Сложность в том, что основной цвет создан градиентом

Answer 1

[Ragtime Kitty]

Если градиент to bottom, то переместить последний цвет градиента на желаемое расстояние, добавить на ту же позицию белый цвет.



Если у градиента другое направление, то сделать два фона: градиент и белый цвет, затем сдвинуть градиент на нужное расстояние;

.background {
    background: linear-gradient(45deg, magenta, aqua) 0 -150px no-repeat, #fff;
}

Answer 2

[Юпитер Макс]

псевдоэлементом before или after с абсолютной позицией