How to Make a Gradient in Canva
- George Apostolov
How to Make a Gradient in Canva: step-by-step guide
Create or open an existing design.
Select the element or background you’d like to edit.
Go to the 'Background color' on top of the edit toolbar.
Under Document colours, click the 'Addition' icon to add a new colour.
Go to the 'Gradient' tab.
Under the 'Gradient colours', click the 'Addition' icon to add a new gradient color. You can add up to 10 gradient colours.
To delete a colour, select the colour tile that you want to delete, then click the 'Trash' icon.
Quick answer: To make a gradient in Canva, create or open a design, select an element or background, open the Background color tool, and click the Addition icon under Document colours. Next, select the Gradient tab, add new gradient colours using the Addition icon, and delete any unwanted colours with the Trash icon.
About this Canva tutorial
Design custom gradients in Canva by selecting elements, opening background color settings, and adding up to 10 unique gradient colors. This guide shows how to make a Gradient in Canva in 7 steps, starting with "Create or open an existing design" and finishing with "To delete a colour, select the colour tile that you want to delete, then click the 'Tra...". The interactive demo above is a click-through copy of the real Canva interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to make a Gradient in Canva?
7 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Canva data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Canva. Related guides: How to Make a Grid on Canva, How to Make a Logo Transparent in Canva and How to Make a Mood Board on Canva. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
