если я использую # A94122 в качестве конечного цвета, фоновая текстура не будет видна! пожалуйста, смотрите см. прикрепленное изображение с моим вопросом.

отаю на веб-сайте, который использует несколько градиентов CSS3 в качестве наложения на фон, облицованный текстурой изображения

адрес сайта:--snipped--

В настоящее время для заголовка я использую следующие CSS:

#header {
 background: #DBD6D3;
 height: 364px;
 background: -moz-radial-gradient(50% 0% 0deg,circle farthest-corner,#FFFFFF,#DBD6D3);
 background: -webkit-gradient(radial,50% 59,500,50% 0,40,from(#DBD6D3),to(#FFFFFF));
}

#header .wrp{background:url('img/headerBg.png');height:100%;padding-top:40px;}

здесь headerBg.png - полупрозрачная текстура размером 5x5 пикселей, для тела мне нужно создать этот фон:

Мне нужно знать, как сделать такой вид радиального фона в CSS3, изначально я использовал тот же код, что и в заголовке, но с rgba () для цвета, установив конец градиента с непрозрачностью 0, но он создавал слишком много шума.

пробовал несколько онлайн генераторов для CSS3 радиального фона, но ни один из них не был хорош!

Это изображение, которое я использую, занимает 280 КБ, и я хочу уменьшить его, так как оно существенно влияет на производительность! Помощь будет оценена.

Обновить:

Загрузить PSD, можно загрузить сhttp://ylspeaks.com/stackoverflow_css3.zip

и добавление щедрости