diff --git a/Base/res/html/misc/canvas-gradients.html b/Base/res/html/misc/canvas-gradients.html
new file mode 100644
index 00000000000000..82a27b102a1d76
--- /dev/null
+++ b/Base/res/html/misc/canvas-gradients.html
@@ -0,0 +1,138 @@
+
+
Canvas Gradients
+Radial Gradients
+MDN example
+
+Interactive Radial Gradients (mouse over)
+
+A radial gradient
+
+
+
+An inverted radial gradient (start circle larger than end circle)
+
+
+Conic Gradients
+
+Linear Gradients
+This time in a path to spice things up!
+
+
+
+
+
+
+
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
index c1e231fab8c7dd..88563300a79bcb 100644
--- a/Base/res/html/misc/welcome.html
+++ b/Base/res/html/misc/welcome.html
@@ -185,6 +185,7 @@ JavaScript/Wasm
Exceptions
Canvas
canvas 2D test
+ canvas gradients!
canvas rotate()
canvas path rect test
canvas path quadratic curve test