How to Make a Gradient in Canva? (Quick 8-Step Guide)

how to make a gradient in canva

Welcome to this quick guide on how to make a gradient in Canva! Creating gradients is an essential skill that can help you elevate your designs to the next level. 

Color gradients not only enhance the depth of an image but also contribute to creating a perception of proximity and distance. 

how to make a gradient in canva

In this tutorial, we’ll show you step-by-step how to make a gradient in Canva. With Canva, there are various methods to generate color gradients, which provide an opportunity to add more depth and vibrancy to your images.

So, let’s learn how to make a gradient in Canva! Also, you can discover the process of generating gradients within Canva, which can be applied to backgrounds, color and text.

How to Make a Gradient in Canva: Quick Guide

Follow the steps to make a gradient in Canva.

  • #1 Log in to Canva
  • #2 Create a design
  • #3 Click the Upload Files button
  • #4 Click elements to type Gradient
  • #5 Lower the transparency
  • #6 Change the gradient position
  • #7 Modify gradient color
  • #8 Download and share

How to Make a Gradient Text in Canva: In Short

Follow the steps to make a gradient text in Canva.

  1. Click on Create a design
  2. Head to the Element option
  3. Type Gradient and choose color
  4. Download in PNG format
  5. Launch a new page
  6. In Elements, search “Letter a frame”.
  7. Add your gradient file
  8. Change the position

Steps on How to Make a Gradient in Canva

Learn how to make a gradient in Canva by following these step-by-step instructions.

#1 Login to Canva

The first step is to visit the Canva Website. Once you are on the homepage to access the design features and tools offered by Canva, you must log in to gain access to your saved designs and templates. 

login in canva account

By simply entering your login credentials, you can unlock the full potential of Canva’s powerful design platform and start creating stunning visuals for any project.

#2 Create a Design

After logging in to your Canva account, the next step is to create a design. To do this, you will need to locate the “Create a design” button on the Canva dashboard and click on it. Once you click it, it will show you some options, such as custom size and import file.

create a design

Go through all the available options by scrolling down, and select the one you wish to apply by clicking on it.

#3 Click the Upload Files Button

To access the Uploads feature, navigate to the left-hand side of the editor control panel. This feature allows you to upload your own images or media files to use in your Canva design.

upload files option

Select the “Upload Files” button and proceed to upload the image that you would like to incorporate into your design.

#4 Click Elements to Type Gradient

Once you have successfully uploaded your desired image, locate and click the “Elements” option located above the Uploads feature. In the search bar that appears, type the keyword “gradient” and press the Enter key on your keyboard to initiate the search.

type gradient in elements option

Canva provides various gradient options to choose from. You can easily apply a gradient by navigating through them and clicking on the desired one.

After applying the gradient, you can use your mouse or touchpad to click and hold on to the corners of the gradient. Then, drag the corners towards the direction you want to fill the relevant section of your image.

Locate the edit image panel on the top right of the screen. In case you can’t find the panel, click on the “ More” icon to access it.

#5 Lower the Transparency

Lowering the transparency of a gradient solid color can be done by adjusting the opacity level of the color. This will decrease the amount of transparency in color, resulting in a more solid and opaque appearance.

lower transparency of gradient in canva

This solution is the answer to your question, “transparent gradient canva“.

#6 Change the Gradient Position

Now, select your gradient. Once you have selected it, click on the “Position” option that is located in the top-right menu of the program’s interface.

position gradient to backward

You can use the “backward” button, which moves the selected gradient one layer back at a time until it is positioned appropriately. You may need to click the backward button multiple times to achieve the desired layer order.

#7 Modify Gradient Color

When you click on the gradient, you will be able to visualize its colors in the top-left section of your Canva window. From there, you can select the color scheme that you like best.

modify gradient color

This step will help with how to change gradient color in canva.

#8 Download and Share

After creating your design, the next step is to download it. To do so, you need to locate the “Share” option, which is usually found in the top-right section of the interface.

click on share to download gradient image

Once you click on it, you’ll be prompted to select a download format, and then your design will be downloaded to your device.

How to Make Gradient Background on the Phone

Here are some steps on how to make a gradient background in canva with the help of a phone.

1. Click the “+” button

To make a gradient background, locate the + button located at the bottom corner of the image editor interface.

plus button in canva mobile

Simply tap on this button to open up the options for adding elements, gallery, text or other elements to your project.

2. Look for the Background Option

To change the background, first swipe until you locate the Background option and tap on it. If you cannot find it, swipe to locate the More icon, and you should find the Background option within it.

background option in canva

To apply a color to your desired element, you need to locate the color tile, which is situated below the search bar. Once you have found it, simply tap on the color tile to apply it.

To return to your design, you can swipe the panel downwards. This will take you back to the main view, where you can continue working on your project.

If you wish to change the color of the gradient background, these instructions will guide you through the process.

3. Locate the Palette Icon

To access the color selection tool in Canva, you need to tap on the Palette icon.

color option to change gradient color

This will open up a panel where you can choose the color option or create your own custom colors.

4. Tap the “+” Icon

Click on the + icon to open it.

plus icon in color

This should reveal a list of colors that are currently available in it.

5. Select Your New Color

Once you have selected your new color, click on the “Save” option to save it on your device. Also, click on the download option to select your file type.

change color of gradient in canva mobile

So you have learned how to make a gradient in Canva. Now let’s discuss how to make a gradient text in canva.

Quick Steps On How to Make a Gradient Text in Canva

Learn how to make a gradient text in canva by following these step-by-step instructions.

1. Click on Create a Design

In order to apply a free gradient to text in Canva, you first need to create a custom gradient. This involves manually specifying the colors and intensity levels of the gradient using Canvas built-in tools.

create a design

First, log in, then look for the button that says “Create a design” and tap on it.

2. Head to Element Option

Then, you’ll typically see a menu bar or sidebar on the left side.

element in canva

In this case, you should locate and click on the “Elements” option in that sidebar to access a list of the various components that make up the page.

3. Type “Gradient” and Choose Color

The next step is to type the word “gradient” into the search bar, and the second step is to select a design that is available for free.

type gradient in elements option

In order to select your preferred colors, find the two color choices and then make your selection from there.

4. Download in PNG Format

To save your newly created file, click on the “Save” button and select the file format as PNG. 

download gradient as png format

With a gradient in hand, you are now ready to generate a text effect.

5. Launch a New Page

To open a new page, click on the icon “Create new design“.

create new design option in canva

This will create a fresh canvas for you to work on.

6. In Elements, Search “Letter a frame”

The next step is to choose the elements you want to work with. Once you’ve selected them, you can proceed by typing and then clicking on “Letter a frame“.

type letter a frame in elements

To choose the specific letter you require, simply click on it and hold down the mouse button. Then, drag the letter into the desired location until it snaps into place.

You would need to perform the same procedure for each letter that is needed.

7. Add Your Gradient File

Add your PNG file that contains your gradient. Next, you can simply drag this file into each letter to apply the gradient effect.

upload gradient image to canva

You need to double-click on every letter and adjust the size of the gradient image so that it completely covers all the borders of your page.

8. Change the Position

Next is to change the position.

use backward option for gradient in canva

Choose the gradient and then select the “Backward” option under the Position menu located in the top-right corner.

How to Make a Gradient Text in Canva for Paid Users

Canva’s background remover option is utilized in the paid method to boost the process.

1. Click on Create a Design

create new design option in canva

First, look for the button that says “Create a design” and tap on it.

2. Element Option

type gradient and add to page

Then, click on the Elements option in your editing tool, and then select the Gradient option to customize and apply the gradient to your background.

3. Type “Letter a frame”

letter a frame

Once again, select “Element” and then click on “Letter a frame.

After that, simply select the letters you want to use and then click and drag them onto the designated area on the page.

4. Set Transparency Level

transparency reduce

You need to first highlight all the letters you want to modify the transparency of. Once selected, navigate to the transparency settings and adjust it to 35%.

5. Download in PNG Format

download the gradient

To download it in PNG format, click on the “Download” button and select “PNG” as the file format. 

6. Upload Your New PNG Image

upload files option

Click on the “Uploads” tab located on the left-hand side of the screen, and then select the PNG file from your computer to add it to your Canva account.

7. Click on Add Image to Drag New File

upload design to new page in canva

You will be able to add a new page by clicking on “Add Page“. Then, you can drag this newly created page and place it onto the uploaded PNG file.

8. Tap Edit Image for Background Remove

background remover for gradient in canva

Click on the “Edit image” option located at the top of the block. This will open up the image editor, where you can make changes to the image as needed.

Select the “Background Remover” tool and patiently wait for approximately five seconds while the software processes your image and removes the background. Then, hit “Apply.”

By following the steps, you can make gradient text easily.

How to Make a Gradient in Canva on Text With a Phone

Now, with a phone, you can learn how to make a gradient in Canva on text.

1. Access the Canva Dashboard

plus sign in canva mobile

To begin, please navigate to the Canva dashboard and locate the icon shaped like a plus sign, which can be found in the lower-right section of your screen. By tapping on this icon, you can access various options for creating new designs or projects within Canva.

2. Click the Facebook Post Option

facebook post option in canva mobile

Please click or select the “Facebook Post” template option on your screen.

3. Go to the Photos Option and Type Gradient

type gradient in canva

To proceed with the task, you need to click on the “+” icon once more, which should take you to a menu of options. From there, you must select the option for “photos” and then search for the term “Gradient” to find the relevant images.

Locate the desired gradient image on your Canva workspace. Once you find it, hit on it to select it. Then, using your mouse or trackpad, drag your gradient image to the entire template you’re working with.

4. Click the “Text” option to Add the Text

The next step is to input the text that you want to incorporate the gradient on to achieve the desired effect. This involves placing the text in the designated area where you intend to use the gradient effect.

add text for gradient

Locate the “+” icon and click on it. Next, look for the “Text” icon, which will open a text editor panel with various text styles and fonts.

Choose the text style you want to use, whether it be a heading or subheading.

Now select a font from the options available. Canva offers a wide range of fonts to choose from, so take your time to pick one that suits your design.

After choosing the font, Add the text to the picture.

Then, click on the edges of the text box and drag them to the appropriate size.

Click on the text box and write the desired words. You can also make any additional formatting changes or adjustments as necessary.

You currently have a font and a gradient. The next step is to incorporate the gradient into the text.

5. Change Text Color to Set Transparency

decrease text transparency

Alter the color of the text to white. You can adjust the transparency of the text by selecting the text box and adjusting the transparency level to 40%.

6. Download in PNG Format

download in png file

Save the image in a PNG format.

7. Create New Canva Template

create blank page

Now create a new blank template.

8. Upload Your New PNG File

upload option in canva mobile

Now, you need to click on the “+” icon, followed by selecting your recently created PNG file from the “Uploads” section. Once you have uploaded the PNG file, use the resizing option to adjust its size until it fits perfectly.

9. Remove Background

background remover for the gradient

Choose the Effects option and then click on “Background Remover.” Wait for the process to complete.

At this point, you learned how to make a gradient in canva on text displayed on the white background. The remaining actions require you to modify the text to enhance the gradient’s intensity.

10. Crop Your Text and Use Adjust Feature

crop option

You must crop your text,  click on the Adjust option in the toolbar and utilize the sliders to modify the colors of the text.

adjust text

We covered how to make a gradient background in Canva through various steps. Also, you can use some Draw elements in your design.

Various Gradient Elements to Use

Here are some gradient options that you can use in Canva:

Linear gradient: This kind of gradient produces a seamless change between two or more colors in a straight line. You can adjust the angle and direction of the gradient to suit your design.

Radial gradient: This gradient starts from the center of the object and radiates outward. It creates a circular effect and is often used to create a spotlight or highlight effect.

Angular gradient: This gradient creates a color transition around the object in a circular direction. You can adjust the starting and ending angles to create a custom effect.

Diamond gradient: This gradient creates a diamond-shaped color transition around the object. You can adjust the size and position of the diamond to create a custom effect.

Layered gradient: This gradient creates a multi-layered effect, where each layer has a different color. You can adjust the opacity and position of each layer to create a unique design.

Noise gradient: This gradient creates a random noise effect, where the colors are randomly distributed across the object. You can adjust the size and intensity of the noise to create a custom effect.

Conical gradient: This gradient creates a cone-shaped color transition around the object. You can adjust the position and angle of the cone to create a unique effect.

Visit: Canva


In conclusion, knowing how to make a gradient in Canva is a valuable skill that can take your designs to the next level. You can make stunning gradients that give depth and character to your design by following these simple instructions.

If you still have some questions, you can watch this YouTube video on how to make a gradient in Canva.

So whether you’re a graphic design novice or a seasoned pro, mastering how to make a gradient in Canva is a skill that can enhance your creativity and help you create designs that truly stand out.


How to do a custom gradient on Canva?

To create a custom gradient on Canva, click on the object you want to apply the gradient to, select the Fill option in the top toolbar, and then choose the Gradient option. From there, you can customize your gradient by selecting colors and adjusting the gradient slider.

How to do a gradient fade on Canva?

To do a gradient fade on Canva, select the object or text you want to apply the gradient fades to, then click on the Fill option in the toolbar. From there, select the Gradient option and adjust the sliders to create your desired fade effect.

Is there a gradient tool in Canva?

Yes, Canva has a gradient tool that allows you to create beautiful color transitions in your designs. The gradient tool can be found in the color panel and can be applied to various elements in your design, such as text, shapes, and backgrounds.