To add a color gradient in a canvas widget, first hover over the widget and click on the pencil icon. Next, drag and drop a color widget. Then, edit the color widget by clicking the pencil icon in the right menu. Choose gradient type and from color to color options from the drop down menus.
The canvas widget drag & drop menu contains a unique feature called a colour widget. The colour widget is simply a color gradient to add to your item. This allows you to add custom color effects to your website or fill in blank areas of your canvas item with colour.