在辐射梯度中条带太明显

Question

我需要创建一个看起来与下面完全相同的网页： http://imgur.com/40TiQiY.jpg

我目前做了什么： http://imgur.com/uBaaten.png

body {
 background: red; /* For browsers that do not support gradients */
 background: -webkit-radial-gradient(#EF4747 0%, #7E2424 100%); /* Safari 5.1     to 6.0 */
 background: -o-radial-gradient(#EF4747 0%, #7E2424 100%); /* For Opera 11.6 to 12.0 */
 background: -moz-radial-gradient(#EF4747 0%, #7E2424 100%); /* For Firefox 3.6 to 15 */      background: radial-gradient(#EF4747 0%, #7E2424 100%); /* Standard syntax */
}

径向梯度的条带在第二张图片中太明显了。如何改进我当前的代码，使其看起来像第一张图片？

任何帮助表示赞赏！ ：）

Answer 1

使用了一些RGB值而不是十六进制，我希望这是你所寻找的。

https://codepen.io/anon/pen/bpNLLJ

body {

    background: -webkit-radial-gradient(circle, rgb(255, 156, 156), rgb(255, 0, 0));
    height: 1000px; 
    width: 1000px

}