Creating and Using Background Color Gradients

Gradient refers to a gradual blend or smooth transition between two or more colors. It allows users to visually design gradients by adjusting parameters such as colors, angles, stops, and types.

Summary

1. To add Gradient, click Add layer and select Gradient.

2. This opens the Gradient Editor dialog box. The Gradient Editor has two types, the Radial and Linear.

A Radial gradient transitions colors in a circular pattern, starting from a central point and radiating outwards. It creates a smooth transition between two or more colors, with the center of the gradient typically being one color and gradually blending into another color towards the outer edges.

While a Linear gradient transitions colors in a straight line, from one point to another. It creates a smooth transition between two or more colors along a specified direction or angle.

Select Linear.

3. Click the color box, this opened the Color Picker, where I could choose a new color for the start of the gradient.

Select the second color.

5. The Gradient Angle refers to the direction in which a gradient transitions from one color to another. It’s typically specified in degrees and determines the orientation of the gradient on a given element. For instance, a gradient with a 0-degree angel might transition from top to bottom, while a 90-degree angle would transition from left to right.

Specify the angle.

Color Stops allows you to dictate the positions where colors begin transitioning from one to the next.

Move the color stop. Click Save.

6. This is how the gradient background color will appear with the Dark theme enabled, ensuring better readability for the text.