Smooth transition from color to color is known as gradient.

★ Same element can be applied with several color transitions.

★ The types of gradients are:

1) Linear Gradients: Vertical, horizontal and angular gradients are known as Linear Gradients.

★ The tag <linearGradient> within <defs> tag is used to define linear gradients.

★ Linear Gradients effects from left to right or right to left or in diagonal directions of the object

2) Radial Gradients: The gradients with one color to another color is known as Radial Gradients.

★ Radial Gradients affects the middle part of the image.