diff --git a/docs/img/styling/color-picker-gradient.webp b/docs/img/styling/color-picker-gradient.webp
new file mode 100644
index 0000000000..eec479e702
Binary files /dev/null and b/docs/img/styling/color-picker-gradient.webp differ
diff --git a/docs/user-guide/styling/index.njk b/docs/user-guide/styling/index.njk
index 928b4d351a..47b3d9df82 100644
--- a/docs/user-guide/styling/index.njk
+++ b/docs/user-guide/styling/index.njk
@@ -51,13 +51,24 @@ title: 06· Styling
 <ol>
   <li><strong>Eyedropper</strong> - Allows you to pick any color of the objects at the viewport.</li>
   <li><strong>Color profiles</strong> - Select between RGB, the Harmony Wheel or HSV.</li>
-  <li><strong>Color type</strong> - Solid, linear gradient, radial gradient or image.</li>
+  <li><strong>Color type</strong> - Solid, gradient, or image.</li>
   <li><strong>Sliders</strong> - Easily manage settings like brightness, saturation or opacity.</li>
   <li><strong>Values</strong> - Set precise color values of red(R), green(G), blue(B) and transparency(A).</li>
   <li><strong>Libraries</strong> - Switch between recent colors and libraries.</li>
   <li><strong>Color palette</strong> - A quick launcher of the palette with the selected library.</li>
 </ol>
 
+<h3 id="color-picker-gradients">Gradients</h3>
+<p>You can apply gradient fills to layers. To do that select the Gradient type at the color picker.</p>
+<figure>
+  <img alt="Gradient" src="/img/styling/color-picker-gradient.webp"/>
+</figure>
+<p>You can choose between two types of gradients:</p>
+<ul>
+  <li><strong>Linear Gradient:</strong> A smooth transition between two or more colors along a straight line, with the option to adjust the angle.</li>
+  <li><strong>Radial Gradient:</strong> A circular color transition that starts with one color at the center and gradually shifts to another at the edges, which could be a different color or a fade to transparency.</li>
+</ul>
+
 <h2 id="color-palette">Color palette</h2>
 <p>The color palette allows you to have a selected color library in plain sight.</p>
 <figure>