Радиальный градиент уходящий в прозрачность

[Velidan]

Доброго дня уважаемые коллеги. Столкнулся с одним очень неприятным нюансом, а именно , не могу придумать, как можно сделать радиальный градиент "уходящим в прозрачность". Чтобы не быть голословным вот демонстрация, как хочется сделать:
http://savepic.net/6942734m.png

А вот, что у меня на данный момент, получилось
http://savepic.net/6943758m.png


Код простенький:

Код CSS

1   background: #0A85CC radial-gradient(51% 255% at 100% 0%, #2f97d4 97%, transparent) no-repeat;

Единственный нюанс, это то, что не могу никак сделать его плавно уходящим в прозрачность. Пробовал сделать линейным (там все здорово, но беда в том, что не получается линейный градиент округлить 

Помогите, пожалуйста, буду очень признателен. Заранее спасибо.

[afdw]

http://jsfiddle.net/m1wp1jbm/

[Velidan]

Здорово. Снимаю шляпу. Спасибо вам большое.

 

Также думал  о том, что придется совместить несколько градиентов, только не знал как именно.

П.С. А почему вы использовали background-image, а не background ?

Edited May 25, 2015 by Velidan

[afdw]

Здорово. Снимаю шляпу. Спасибо вам большое.

 

Также думал  о том, что придется совместить несколько градиентов, только не знал как именно.

П.С. А почему вы использовали background-image, а не background ?

Просто я запутался с сокращённой записью, и я её развернул.