Tutorial Gradients Downloadable
Tutorial Gradients Downloadable
2 Colors Minimum
A gradient fill is a shape fill that
gradually changes from one color
to another across the surface of the
shape.
10 Colors Maximum
Preset Gradient Options
4 color default
Light Light Light Light Light Light
Gradient Gradient Gradient Gradient Gradient Gradient
Accent 1 Accent 2 Accent 3 Accent 4 Accent 5 Accent 6
Impacted by Design Variant
Top
Spotlight
Top
Spotlight
Top
Spotlight
Top
Spotlight
Top
Spotlight
Top
Spotlight
Options & Theme Colors
3 color default
Accent 1 Accent 2 Accent 3 Accent 4 Accent 5 Accent 6
4 color default
Dark Dark Dark Dark Dark Dark
Gradient Gradient Gradient Gradient Gradient Gradient
Accent 1 Accent 2 Accent 3 Accent 4 Accent 5 Accent 6
Gradient Types & Directions
45°
TL-BR
90°
Down
135°
TR-BL
0° Right
180°
Left
315°
BL-TR
270°
Up
90°
BR-TL Linear
From From
From Top From Top
Bottom
Right
Corner
Bottom
Left
Corner
From
Center
Right
Corner
Left
Corner
Radial
From From
From Top From Top
Rectangular
Bottom Bottom From
Right Left
Right Left Center
Corner Corner
Corner Corner
Path
Format Background Gradient
White 5%
White 35%
White 5%
6 gradient stops
White 5%
White 35%
White 5% White 5%
4 light & 2 dark
White 35%
White 5% variations of the same
color
White 5%
White 35%
White 5%
Make Your Own Gradients – Playground!