createRadialGradient(x0, y0, r0, x1, y1, r1) メソッドには 6 つの引数を与えます。最初の 3 つの引数は、中心が (x0, y0) で半径が r0 の開始円を表します。残りの3つは、中心が (x1, y1) で半径が r1 の終了円を表します。その値は、座標空間の単位となります。引数に、無限大や NaN がひとつでもあれば、NOT_SUPPORTED_ERR 例外が発生させなければいけません。r0 または r1 のいずれかが負であれば、INDEX_SIZE_ERR 例外を発生させなければいけません。そうでなければ、このメソッドは、指定の 2 つの円で初期化された円形の CanvasGradient オブジェクトを返さなければいけません。

円形グラデーションは次の手順に従ってレンダリングされなければいけません：

1. x₀ = x₁ かつ y₀ = y₁ かつ r₀ = r₁ なら、円形グラデーションは何も描画されません。これらの手順を中止します。

2. x(ω) = (x₁-x₀)ω + x₀ とします。

   y(ω) = (y₁-y₀)ω + y₀ とします。

   r(ω) = (r₁-r₀)ω + r₀ とします。

   ω における色を、グラデーション上のその位置における色とします（前述の内挿と外挿から得られる色を使います）。

3. r(ω) > 0 を満たす ω のすべての値に対して、正の無限大に限りなく近い ω の値で始め、ω が負の無限大に限りなく近くなるまで、その時の ω での色を使って、位置 (x(ω), y(ω)) で半径 r(ω) を持った円周を描きます。しかし、このグラデーションのレンダリングに対するこのステップで、前の円によって描画されていない canvas の部分のみを描画します。

実質的には、円錐と、グラデーションに接しない円錐の外側の領域（透明な黒）を生成するようなものです。この円錐は、グラデーションの生成で定義された2つの円に接し、開始円 (0.0) より前の円錐部分では最初のオフセットにおける色となり、終了円 (1.0) より後ろの円錐の部分では最後のオフセットにおける色となります。

円形グラデーションでは、レンダリングの際に、現在の変形マトリックスによって指定されている通りに変形されるという点が重要です。

グラデーションは、対応する輪郭描画と塗りつぶしの効果が要求される場所にだけ描画されます。