CSS徑向梯度？

Question

所以我做了這樣的在Photoshop簡單的東西爲我的頭： http://i.imgur.com/U4GYzFV.png

，我一直在做關於CSS徑向漸變的研究，我發現怎麼到了這一點，但我不知道如何調整它使其看起來更像photoshop。

任何幫助，將不勝感激！

#header { 
 
\t height: 220px; 
 
\t width: 100%; 
 
\t background-image: 
 
\t radial-gradient(
 
\t circle closest-side, 
 
\t #6fa5d9, 
 
\t #51789d 
 
\t); 
 
}

<header id="header"></header>

Answer 1

你會想是這樣的：

background: radial-gradient(ellipse at center, #50779d 0%,#50779d 37%,#557fa6 47%,#557ea5 51%,#50779d 59%,#50789d 100%); 

Demo

Further Reading