PowerPoint Tips Blog

Helping you with presenting, PowerPoint, and speaking

  • Home
  • Blog
  • Tips
  • E-Store
  • Training
  • About
  • Affiliates
  • Advertise
  • Contact
You are here: Home / Design / Backgrounds & color / Create multi-color gradients in PowerPoint

Create multi-color gradients in PowerPoint

October 4, 2000 by Ellen Finkelstein 18 Comments

READ LATER - DOWNLOAD THIS POST AS PDF >> CLICK HERE <<

powerpoint-tips-gradient-1Gradients make effective simple backgrounds and look good in shapes. It’s easy to create gradients in PowerPoint. PowerPoint 2007 and later offer lots of options. Unfortunately, PowerPoint 2003 and earlier versions only allow two colors in a gradient and gives you little control over where the colors change, so I show you a trick to get more interesting gradients.

While you can create gradients using only color variations, you can also create transparency gradients. I explain how in “Use transparency gradients.”

PowerPoint 2013 and later

In PowerPoint 2013 and later, you specify the gradient in a task pane on the right, instead of in a dialog box as in earlier versions. Here are the steps:

  1. Draw a shape on a slide.
  2. Right-click the shape and choose Format Shape.
  3. Expand the Fill category and choose Gradient Fill.
  4. From the Type drop-down list, choose a type, such as Linear or Radial.
  5. Use either the Direction or Angle controls to set the direction of the gradient.
  6. To add a stop, click on the Gradient Stops bar. To remove one, drag it off the bar.
  7. With Stop 1 selected, click the Color drop-down list and choose a color. Then specify a Stop Position and a Transparency. You can drag the gradient marker along the bar to specify its position.
  8. Repeat for each stop.
  9. Click Close.

PowerPoint 2007 and 2010

PowerPoint 2007 and 2010 let you create gradients with up to 10 colors.  Follow these steps:

  1. Draw a shape on a slide.
  2. Right-click the shape and choose Format Shape. In the Fill category, choose Gradient Fill.
  3. From the Type drop-down list, choose a type, such as Linear or Radial.
  4. Use either the Direction or Angle controls to set the direction of the gradient.
  5. Click Add to add stops, or choose a stop from the Stops drop-down list, and click Remove,
  6. With Stop 1 displayed (2007) or selected (2010), click the Color drop-down list and choose a color. Then specify a Stop Position and a Transparency. In PowerPoint 2010, you can drag the gradient marker to specify its position.
  7. Repeat for each stop.
  8. Click Close.

Note that if you drag the Format Shape dialog box off the shape that you drew, you can see the results as you make changes. You can use the same technique for backgrounds. Right-click the background of a slide or in the slide master and choose Format Background.

PowerPoint 2003

In 2003, you can use an easy trick to make multi-color gradients and add control over where the colors change as well.

You can combine rectangles, each with a slightly different gradient to create the effect of one larger, multi-colored gradient. For a seamless look, each rectangle must start with the same color as the ending color of its adjacent rectangle. Follow these steps:

    1. Decide on the colors you want and where you want them to change. Remember that shading styles (such as horizontal) have two to four variants.
    2. Create a series of rectangle that touch each other and completely cover a slide, as shown here.
two adjacent rectangles before the effect

two adjacent rectangles before the effect

  1. Right-click the top rectangle and choose Format AutoShape. On the Colors and Lines tab, choose None from the Color drop-down list of the Line section.
  2. From the Color drop-down list of the Fill section, choose Fill Effects and then click the Gradient tab. Choose the Two colors option, then select the colors you want, choose a shading style and a variant. Note that a couple of the variants place the second color in the middle, so that the gradient looks like it has three sections. Remember which color fills the bottom of the rectangle.
  3. Repeat steps 3 and 4 for the next rectangle(s), making sure that the color of the top part of the rectangle exactly matches the bottommost color of the previous rectangle. Here is one possible result, using two shades of gray. Notice that using light gray (or white) gives the impression of a highlight and thus creates a 3D effect, as if the slide has been curled at the top.
after applying multi-color gradients

after applying multi-color gradients

Here’s another:

another possibility

another possibility

Notice that I didn’t use this feature to create backgrounds with many colors, because such a background would probably be too distracting and reduce legibility. Instead, I used it to create a number of subtle variations of color.

slide design for no-designersLearn easy principles and techniques that designers use

“Slide Design for Non-Designers” shows you, step-by-step, how to easily get the results you want. Plus bonus theme, template, sample slides, and 5 short video tutorials to make implementing the principles easy. Updated for PowerPoint 2016/365. Learn more at http://www.ellenfinkelstein.com/pptblog/slide-design-for-non-designers/

Share3
Tweet
Share
+12
Shares 5
READ LATER - DOWNLOAD THIS POST AS PDF >> CLICK HERE <<

Related posts:

  1. Use transparency gradients
  2. 3D Effects with Radial Gradients
  3. Create a changeable radial gradient background theme
  4. Create a simple border

Filed Under: Backgrounds & color, Shapes & text boxes Tagged With: background, gradient, PowerPoint

18
Leave a Reply

avatar
This comment form is under antispam protection
18 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
9 Comment authors
ShiviTonygoogleGloriaElizabeth Recent comment authors
avatar
This comment form is under antispam protection
  Subscribe  
newest oldest most voted
Notify of
trackback
Getting a shiny Web 2.0 look in PowerPoint-Part I: Reflections « PowerPoint Tips Blog

[…] you want, add a gradient background. My tip, “Create multi-color gradients in PowerPoint,” explains how to create gradients. I used black and two shades of […]

Vote Up0Vote Down 
11 years ago
trackback
Add design flair with a “belly band” « PowerPoint Tips Blog

[…] all there is to it! If you want, use a gradient fill. Go to “Create multi-color gradients in PowerPoint” for […]

Vote Up0Vote Down 
11 years ago
Meesum Abidi
Guest
Meesum Abidi

Thank you!

I used your multi-rectangle method to create a multi-gradient in PP 2003 and it worked like a Charmed!

Merci beaucoup!

Vote Up0Vote Down 
10 years ago
Julian
Guest
Julian

Ellen,

I feature I miss while working with gradients is that you cannot save your own presets (at least in PowerPoint 2010 or previous versions). However, it is very handy to have a PowerPoint presentation with custom gradients that you can use in new presentations (using Format Painter).

Vote Up0Vote Down 
9 years ago
Darren
Guest
Darren

thanks a million for this helped me out perfectly on something I was trying to creat in powerpoint.

Vote Up0Vote Down 
9 years ago
Stefan
Guest
Stefan

Thank you very much. I used it to create a rainbow-like circle.

Vote Up0Vote Down 
8 years ago
Elizabeth
Guest
Elizabeth

Thankyou so much! I was going mental trying to make those colours something other than default blue, this is not intuitive at all. But you came to the rescue. So glad I discovered this site, I know I’ll be consulting it again and again.

Vote Up0Vote Down 
7 years ago
Gloria
Guest
Gloria

Thank you. I was able to accomplish exactly what I needed.

Vote Up0Vote Down 
6 years ago
google
Guest
google

Admiring the hard work you put into your website and detailed information you offer.

It’s nice to come across a blog every once in a while that isn’t the same outdated rehashed material.
Wonderful read! I’ve bookmarked your site and I’m including your RSS feeds to my Google account.

Vote Up0Vote Down 
6 years ago
Tony
Guest
Tony

Tweeted today with a link to this post. Thanks, Ellen!

https://twitter.com/presentguild/status/853977703275540481

Vote Up0Vote Down 
5 years ago
Shivi
Guest
Shivi

Good one.this is helpful and it works.

Vote Up0Vote Down 
5 years ago
trackback
Getting a shiny Web 2.0 look in PowerPoint-Part I: Reflections – Austin Laptop

[…] you want, add a gradient background. My tip, “Create multi-color gradients in PowerPoint,” explains how to create gradients. I used black and two shades of […]

Vote Up0Vote Down 
3 years ago
trackback
How do you make a two color Gradient in PowerPoint?

[…] Reference 3 […]

Vote Up0Vote Down 
7 months ago
trackback
How do you fill a shape with two colors in Powerpoint?

[…] Reference 3 […]

Vote Up0Vote Down 
7 months ago
trackback
How do you save a gradient in PowerPoint?

[…] Reference 4 […]

Vote Up0Vote Down 
7 months ago
trackback
How do you do gradient color?

[…] Reference 3 […]

Vote Up0Vote Down 
6 months ago
trackback
How do you add a gradient to a shape in Google Slides?

[…] Reference 4 […]

Vote Up0Vote Down 
6 months ago
trackback
How do you make a transparent gradient in PowerPoint?

[…] Reference 4 […]

Vote Up0Vote Down 
6 months ago
wpdiscuz   wpDiscuz

Free Video Training!

13 Techniques that Will Make Designing Your Slides EASY!

And get the PowerPoint Tips Newsletter with tips and resources for presenters. Plus 5 bonus tips!

BirdSend Email Marketing Tool
4-up-ads PresenterMedia PoweredTemplate High-Persuasion Secrets Power Pointers Quarter Hour


Recent Posts

Recent Posts

  • How do you format your slide titles?
  • Using PowerPoint’s cartoon people
  • Which version of PowerPoint should you buy?
  • Add a customizable, live web feed with Cameo
  • Get a designer look with abstract images to create backgrounds for slides and shapes

Connect with me!

Connect with me! Twitter LinkedIn Facebook

Ellen Finkelstein, Inc. · Fairfield, IA · Tel: 515-989-1832

Privacy, Refund, and Other Legal Stuff

wpDiscuz