console
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<svg>
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:yellow;stop-opacity:1"/>
<stop offset="50%" style="stop-color:pink;stop-opacity:1"/>
<stop offset="100%" style="stop-color:purple;stop-opacity:1"/>
</linearGradient>
</defs>
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)"/>
</svg>
<svg>
<defs>
<radialGradient id="grad2" cx="50%" cy="50%" r="50%" fx="40%" fy="30%">
<stop offset="0%" style="stop-color:yellow;stop-opacity:1"/>
<stop offset="50%" style="stop-color:pink;stop-opacity:1"/>
<stop offset="100%" style="stop-color:purple;stop-opacity:0"/>
</radialGradient>
</defs>
<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad2)"/>
</svg>
</body>
</html>