Градиент

Стиль градиента задаётся через свойство <linearGradient>.

<defs>
    <linearGradient id="gradient">
        <stop offset="0%" style="stop-color:rgb(255,0,0);" />
        <stop offset="50%" style="stop-color:rgb(0,255,0);" />
        <stop offset="100%" style="stop-color:rgb(0,0,255);" />
    </linearGradient>
</defs>
<circle cx="50" cy="50" fill="url(#gradient)" r="30"></circle>

Пример на JSFiddle