Context2D::createRadialGradient() doesn't create the correct gradient with color stops

Steps to reproduce:

• run the sample attached
• observe the radial gradient from white to green
  EXPECTED: white center (radius: from 0 to 50), gradient from white to green (radius: from 50 to 100), green when radius > 100. (See 'Expected_Gradient.png')
  ACTUAL: continuous gradient from the center point outward. (See 'Actual_Gradient.png')

The sample uses the code snippet found here: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createRadialGradient