How to Animate a Picture Color From Grayscale to Color in PowerPoint

You want to make a picture transition from grayscale to full color during a PowerPoint slide show. This effect draws attention to an image and works well for before-and-after comparisons or reveal moments. The built-in animation tools do not include a direct grayscale-to-color transition, but you can achieve it using a duplicate image with a color overlay and the Fade animation. This article explains the exact steps to set up the effect using two image layers and a custom animation sequence.

How the Grayscale-to-Color Animation Works

PowerPoint does not have a native animation that changes a picture’s color saturation over time. The workaround uses two copies of the same image stacked on top of each other. The bottom layer is the grayscale version of the picture. The top layer is the full-color version. When you apply the Fade entrance animation to the top layer, it gradually reveals the color image on top of the grayscale one. The result looks like the picture is transitioning from black and white to color.

You need two identical pictures inserted into the same slide. The images must be the same size and placed in exactly the same position. Any misalignment will cause a visible jump or shift during the animation.

Steps to Create the Grayscale-to-Color Effect

1. Insert the picture onto the slide
   Go to the Insert tab on the ribbon. Click Pictures and select the image from your computer. The image appears on the slide. Do not resize or move it yet.
2. Duplicate the picture
   Right-click the picture and choose Copy. Then right-click an empty area of the slide and choose Paste. You now have two copies of the same image. They may overlap exactly.
3. Convert one copy to grayscale
   Click one of the pictures to select it. Go to the Picture Format tab. Click Color in the Adjust group. Under Recolor, select Saturation 0%. The selected image turns black and white. This is your grayscale layer.
4. Position both layers exactly
   Click the grayscale image. On the Picture Format tab, click the Align drop-down menu in the Arrange group. Choose Align Center, then Align Middle. Repeat the same steps for the color image. Both images now occupy the same position. If they are not perfectly aligned, the animation will show a visible shift.
5. Send the grayscale image to the back
   Select the grayscale image. Right-click it and choose Send to Back. The color image now sits on top. You will only see the color image on the slide at this point.
6. Add the Fade animation to the color image
   Click the color image to select it. Go to the Animations tab. In the Entrance group, click Fade. A small animation number appears next to the image.
7. Configure the animation timing
   With the color image still selected, go to the Timing group on the Animations tab. Set Start to With Previous. Set Duration to 1.00 second. Set Delay to 0 seconds. The animation now plays automatically when the slide appears.
8. Test the animation
   Press Shift+F5 to start the slide show from the current slide. The color image fades in over one second, revealing the color version on top of the grayscale version. The grayscale layer remains visible underneath during the fade.
9. Optional: Add a Fade animation to the grayscale layer for a smoother transition
   Select the grayscale image. On the Animations tab, click Add Animation (not just the animation gallery). Choose Fade from the Entrance section. In the Timing group, set Start to With Previous and Duration to 1.00 second. This makes the grayscale image fade out slightly while the color image fades in, creating a smoother crossover.

Common Mistakes and How to Avoid Them

The image jumps or shifts when the animation plays

This happens when the two image layers are not perfectly aligned. Use the Align Center and Align Middle commands on both images. Do not rely on dragging them by eye. If the images are different sizes, resize them to the exact same dimensions before aligning.

The color image appears instantly instead of fading in

Check that the Fade animation is applied to the top color layer and that Start is set to With Previous. If Start is set to On Click, the animation waits for a mouse click. Also confirm that Duration is not set to 0.00 seconds.

The grayscale image appears on top of the color image

The grayscale layer must be behind the color layer. Right-click the grayscale image and choose Send to Back. If you still see the grayscale image, select it and press Ctrl+Shift+[ to send it to the very back of the stacking order.

The animation does not play when the slide appears

Set Start to With Previous for both animations. This makes the animations begin automatically when the slide loads. If you want a delay before the transition, set a Delay value in seconds instead of using On Click.

Grayscale-to-Color Animation vs. Other Reveal Effects

Item	Fade Overlay Method	Morph Transition Method
Description	Uses two stacked images with Fade animation	Uses Morph transition between two slides with different saturation
Setup complexity	Moderate — requires exact alignment and two layers	Simple — no alignment needed, works with one slide duplicated
Animation control	Full control over duration, delay, and trigger	Limited to Morph transition duration and easing
Result smoothness	Very smooth if both layers are aligned	Smooth but may show slight color banding during transition
Best for	Single image reveal with precise timing	Multiple images or full slide reveal

You can now animate a picture from grayscale to color using the Fade overlay method. This technique works in all versions of PowerPoint from 2016 through Microsoft 365. To refine the effect further, try adjusting the Duration to 0.50 seconds for a faster reveal or 2.00 seconds for a slow dramatic transition. For a more advanced setup, use the Morph transition between two slides where the second slide has the image set to 100% saturation and the first slide has the image set to 0% saturation.