При повсеместном переходе на html5 и css3, применение стилей вместо графики, где это уместно и обосновано - приветствуется. Пока что код CSS, чаще меньше "весит" чем любой из рисунков в формате jpg, png или gif. Поэтому, в дизайне сайта, где это возможно, грамотней будет заменить картинку описанием в стилях CSS.

В своей практике при разработке сайта, можно воспользоваться генератором CSS не один раз. В ряде случаев шапка сайта занимает более 20% дизайна сайта, поэтому шапка сайта на css будет "весить" существенно меньше, что повлияет как на скорость отображения сайта в браузере посетителя, так и на индексации.

На странице сервиса CSS градиент генератора, вас ждет большой выбор готовых стилей CSS градиентов, коды которые выглядят как на рисунке.

Пользоваться онлайн утилиткой не сложно. Вы можете выбрать готовый вариант градиентного стиля для шапки сайта на css или создать самостоятельно, подобрав цвета из набора используемого в дизайне вашего сайта. Кроме подбора цвета, сервис позволяет выставить прозрачность и выбрать формат цвета для CSS (hex, rgb и т.д.).