CSS3 Градиенты по пикселям, а не в процентах

Я хочу создать фон с линейным градиентом, который будет одинаковым независимо от размера окна браузера, чтобы разместить заголовок фиксированной высоты, подзаголовок и контент div.

Моя проблема в том, что я не хочу, чтобы градиент масштабировался при перемещении страницы. Полагаю, я мог бы использовать изображение шириной 1 пиксель, чтобы получить тот же результат, но в конечном итоге я хочу, чтобы сайт был как можно более свободным от изображений, за исключением логотипа.

Можно ли использовать градиент, определенный в пикселях, вместо градиента, заданного в процентах?