<!DOCTYPE html>
<html lang="en-US">
<body>
<svg height="100" width="100">
<defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:black;stop-opacity:1" />
<stop offset="100%" style="stop-color:gold;stop-opacity:1" />
</linearGradient>
</defs>
<circle cx="50" cy="50" r="40" fill="url(#grad)" />
</svg>
</body>
</html>