Итак после долгих мучений вопрос заново открыт. Первый ответ все таки ориентирован только на вебкит движки и случай описанный по ссылке не работает для всех браузеров если бэкгроундом идет картинка. Пока смотрю в сторону SVG - но жутко непонятно все.
-----------------------------------
Решилось так, может кому пригодиться. SVG вставляем прямо в html код
<svg width="420" height="80">
<defs>
<linearGradient id="MyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="rgb(239,40,87)" />
<stop offset="100%" stop-color="rgb(255,88,62)" />
</linearGradient>
<pattern id="p-stripes"
patternUnits="userSpaceOnUse"
width="420" height="80"
viewbox="0 0 420 80">
<rect width="420" height="80"
fill="url(#MyGradient)"/>
</pattern>
</defs>
<text x="0" y="97%">14 200 000</text>
</svg>