css3 - Create a gradient for an image -

i've following image , trying create gradient that. i'm beginner gradient learning please me css image. work more appreciated.

how this?

demo

background: #2ea2f5; background: -moz-linear-gradient(top,  #2ea2f5 0%, #2ea2f5 50%, #0089f3 50%, #0089f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ea2f5), color-stop(50%,#2ea2f5), color-stop(50%,#0089f3), color-stop(100%,#0089f3)); background: -webkit-linear-gradient(top,  #2ea2f5 0%,#2ea2f5 50%,#0089f3 50%,#0089f3 100%); background: -o-linear-gradient(top,  #2ea2f5 0%,#2ea2f5 50%,#0089f3 50%,#0089f3 100%); background: -ms-linear-gradient(top,  #2ea2f5 0%,#2ea2f5 50%,#0089f3 50%,#0089f3 100%); background: linear-gradient(to bottom,  #2ea2f5 0%,#2ea2f5 50%,#0089f3 50%,#0089f3 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#2ea2f5', endcolorstr='#0089f3',gradienttype=0 ); 

if want create more gradients, refer source, make life much easier

http://www.colorzilla.com/gradient-editor/