SOURCE

<svg width="600" height="300">
    <defs>
        <radialGradient id="gradientPad" cx="0.5" cy="0.5" r="0.4" fx="0.25" fy="0.25" spreadMethod="pad">
            <stop offset="0%" stop-color="red"></stop>
            <stop offset="50%" stop-color="green"></stop>
            <stop offset="100%" stop-color="blue"></stop>
        </radialGradient>
        <radialGradient id="gradientReflect" cx="0.5" cy="0.5" r="0.4" fx="0.25" fy="0.25" spreadMethod="reflect">
            <stop offset="0%" stop-color="red"></stop>
            <stop offset="50%" stop-color="green"></stop>
            <stop offset="100%" stop-color="blue"></stop>
        </radialGradient>
        <radialGradient id="gradientRepeat" cx="0.5" cy="0.5" r="0.4" fx="0.25" fy="0.25" spreadMethod="repeat">
            <stop offset="0%" stop-color="red"></stop>
            <stop offset="50%" stop-color="green"></stop>
            <stop offset="100%" stop-color="blue"></stop>
        </radialGradient>
    </defs>

    <circle cx="100" cy="100" r="100" fill="url(#gradientPad)"></circle>
    <circle cx="300" cy="100" r="100" fill="url(#gradientReflect)"></circle>
    <circle cx="500" cy="100" r="100" fill="url(#gradientRepeat)"></circle>
</svg>