Changing the center point of a radial gradient in CSS
<p>I need to make multiple gradients like below:</p>

<p><a href="https://i.stack.imgur.com/X17QN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/X17QN.png" alt="enter image description here"></a></p>

<p>Now see how the center of the grey/white gradient differs, in some cases it come from the center, for some from the left-center, for some from the center-bottom.</p>

<p>I used <strong><a href="http://www.colorzilla.com/gradient-editor/" rel="noreferrer">THIS</a></strong>, tool to generate the below gradient:</p>

<pre><code>background: #f9f9f9;
background: -moz-radial-gradient(center, ellipse cover, #f9f9f9 0%, #e1e4e8 62%, #d1d6db 100%);
background: -webkit-radial-gradient(center, ellipse cover, #f9f9f9 0%,#e1e4e8 62%,#d1d6db 100%);
background: radial-gradient(ellipse at center, #f9f9f9 0%,#e1e4e8 62%,#d1d6db 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d1d6db',GradientType=1 ); 
</code></pre>

<p><strong><a href="https://jsfiddle.net/hxmL56zm/1/" rel="noreferrer">FIDDLE HERE</a></strong>, now is it possible to make gradients like how I have shown in the image above, or will I have to use images? </p>