//// BKGD

var grd = context.createRadialGradient(300, 400, 100, 300, 400, 250);
grd.addColorStop(0, "rgb(125,0,0)");
grd.addColorStop(0.3, "rgb(125,0,125)");
grd.addColorStop(1, "rgb(125,125,0)");

context.rect(0,0,canvas.width, canvas.height);
context.fillStyle = grd;
context.fill();

/// NEW SHAPE

context.beginPath();
context.moveTo(100,300);
context.quadraticCurveTo(400,0, 700,300);
context.quadraticCurveTo(400,600,100,300);
//grd = context.createRadialGradient(300, 400, 100, 300, 400, 250);
grd = context.createRadialGradient(500, 400, 100, 500, 400, 250);

grd.addColorStop(0, "rgb(125,125,125)");
grd.addColorStop(0.3, "rgb(0,0,125)");
grd.addColorStop(1, "rgb(0,0,0)");

context.fillStyle = grd;
context.fill();

context.closePath();