var canvas=document.getElementById("canvas");

        var ctx=canvas.getContext("2d");

        var radialGradient = ctx.createRadialGradient(400,150,0,400,150,200);

        radialGradient.addColorStop(0,"red");

        radialGradient.addColorStop(.2,"Yellow");

        radialGradient.addColorStop(.4, "Orange");

        radialGradient.addColorStop(.6, "pink");

        radialGradient.addColorStop(.8, "yeloow");

        radialGradient.addColorStop(1,"pink");

        ctx.fillStyle = radialGradient;

        ctx.arc(400,400,300,0, Math.PI * 2,true);

        ctx.fill();