Как сверстать такой градиент на css?
Это как раз повторяющаяся картинка. 
А что здесь действительно явно, так это отсутствие смысла в поисках несуществующего сложного решения при наличии очевидного простого.
А не легче будет бэкграундом как картинкой?