<canvas id="canvas" width="900" height="300" style="background-color:black";></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var rgb = 0;
for(var i = 0; i < 100; i++) {
if(i < 10) rgb = rgb + 25.5;
if(i > 89) rgb = rgb - 25.5;
ctx.strokeStyle = "rgb(" + rgb + ","+ rgb + "," + rgb + ")";
ctx.beginPath();
ctx.arc(1500, 150, 1100, (0.96 + (i * 0.0008))* Math.PI, (0.96 + ((i + 1) * 0.0008)) * Math.PI, false);
ctx.stroke();
}
</script>