How to Blend Colors in Photoshop

PDF download Download Article
PDF download Download Article

Photoshop includes dozens of ways to blend colors together. Try out several that sound like they match your goals. With practice, you'll become familiar with the effects of each tool, and can mix and match them for unique styles.

Using Blending Modes for Colors in Photoshop

Select a brush tool to find the blend mode options. Click the Mode drop-down menu and select a new mode, such as Overlay, Multiply, or another. You can also use the Smudge or Mixer Brush tools to mix two different colors or blend the foreground and background. Use a blur filter to blend two images together.

Method 1
Method 1 of 2:

Setting Blend Modes

PDF download Download Article
  1. Select the brush or pencil tool in the Tools panel on the left. Open the Brushes palette using the Window → Brushes command in the top menu, or by clicking the icon that looks like a piece of paper, in the top options bar. Adjust the size and shape of your brush tool to suit your current project.
    • Sticking to the default brush is fine if you're new to Photoshop. You'll soon realize if your brush is too large or too small, and you can always return to this menu to make changes.
    • Choose "hard edge" for precise control over what you affect, or "soft edge" for a brush with a more diffuse edge.
  2. When you have the brush or pencil tool selected, you can change the blend mode using a drop-down menu in the top options bar. Each of these modes uses a different formula to mix new color into the existing color on the canvas. The most common options are explained below.
    • In some versions of Photoshop, you may be able to alter the blend mode from the brushes palette.
    • Older versions of Photoshop may not have every blend mode available.
    Advertisement
  3. In Normal mode, Photoshop won't blend colors at all. When using the Brush tool, the blend color will completely cover the base color. When the Edit tool is used, the edit value overrides the existing color. You probably won't be using this for your blend, but it's good to understand how the default blend mode works.
    • This is called Threshold when working with a bitmap or indexed-color image. [1] In this case, the resulting color will be the closest possible match available in the color map.
  4. This very popular blending mode makes light areas lighter and dark areas darker. [2] The end result is a picture with more significant highlights and shadows, and fixes issues with over- and under-exposure.
    • If you're interested in the technical details, this uses the Multiply and Screen formulas, described below.
  5. There are several ways to darken colors, each of which works a bit differently:
    • In Darken mode, each pixel's red, green, and blue value gets compared to the new color you're adding. For each of the three comparisons, the darkest value ends up in the final image.
    • In Multiply mode, each brush stroke will "multiply" the new color and base color's brightness. You can keep adding brush strokes, making the result darker each time.
    • Darker Color mode works similarly to Darken, except it compares the two pixels as a whole instead of looking at RGB values. Each pixel will either remain the old color, or be replaced by the new, whichever is darker.
    • Linear Burn mode darkens all colors, but tends to produce more blacks and extra-dark color areas than other modes. [3]
    • Color Burn is similar to linear burn for dark colors, but has a less pronounced effect on light colors. It may result in greater contrast and saturation.
  6. Each method of darkening a color has a corresponding opposite formula for lightening:
    • In Lighten mode, the red, green, and blue values of the base color and blend colors are compared. Lighter values of the blend color are used to lighten the image.
    • Use Screen mode to makes anything darker than white less visible.
    • Use Lighter Color to replace darker areas completely with the blend color.
    • Linear Dodge (Add) adds the values of the two colors together. If either color is white, the result will be completely white. If either color is black, there will be no change. [4]
    • Color Dodge has a lesser effect on darker colors, leading to greater contrast.
  7. The Behind and Clear modes are available in layered images. If the Behind mode is chosen, a color will be applied behind the layer and show only in transparent areas. The Clear mode is essentially an eraser, making all pixels in front of the background transparent.
  8. This will compare the brightness values of the base and blend colors, creating a result value by subtracting the smaller from larger values. This will bring the brightness closer to the blend color, whether it is darker or lighter than the base color.
  9. Mathematically, these do exactly what you'd expect to the two color values. In practice, this means that similar colors move toward black when using Subtract, and move toward white when using Divide. [5]
  10. This is mostly used for special effects, not for touching up a photo. The blended color will look scattered or jagged instead of transitioning smoothly. Try this for an old-fashioned effect. [6]
  11. The remaining modes have a more narrow effect. Each of these replaces one value of the base color with the corresponding value of the blend color. All other characteristics remain the same.
    • Hue (for example, a particular type of red)
    • Saturation (low saturation looks more grey, while higher saturation looks more vivid)
    • Luminance (how bright or dim the color looks)
  12. The Color mode replaces both hue and saturation with the blend color's values, leaving the luminance of the base color the same. This is often used to add color to black and white images.
    13. Advertisement
Method 2
Method 2 of 2:

Other Blending Methods

PDF download Download Article
  1. Look for the Bucket Fill tool in your Tools panel. Click and hold until tool options appear. Select "gradient," then click on the gradient bar at the top. Adjust the hues and values as desired. Select an area using the Lasso or Magic Wand tools, then apply the gradient by clicking and dragging. The result is a smooth transition between two colors.
  2. Make a copy of the layer or area you're trying to adjust. Past it on a new layer above the original. Select an eraser tool with soft, diluted edges and a soft opacity blend between 5 and 20%. Gradually erase the top layer until you've achieved the desired effect.
  3. If you have two or more layers you'd like to overlap, adjust the opacity slider above each layer name. This controls how transparent each layer is.
  4. Choose a brush and find the tablet options in the brush settings panel. Enable "transfer" and set the brush to adjust opacity depending on the pressure you apply to your tablet. You can use this with any shape and type of brush, but there are great custom options from online brush makers that provide a milky or oily feel.
    • Once you've selected your transfer brush, just select the color you'd like to blend in and stroke lightly over the base image.
  5. Select the smudge tool in the Tools panel, represented by a finger icon. In your brush panel, select a soft, round smudge tool, and turn up scattering to about 20%. Smudge together colors near the border a painting-like transition.
    • You may need to play with the smudge strength value on the top bar to get the desired effect.
  6. Place one color over the other, on two layers. Click the New Layer Mask button in the Layers panel, next to the top layer. Select the mask and apply a white to black gradient within the mask. The 100% black area will display only the lower layer, and the 100% white area will display only the upper layer.
  7. Select the border area you'd like to blend. Navigate to Filter → Blue → Gaussian blur on the top menu. Adjust the slider to taste. To repeat this, select additional areas with the Lasso tool, then press Ctrl + F to apply the same filter.
    • Use command + F instead on a Mac.
  8. If you are using vector graphics, create two vector shapes of different colors. Alter the properties to add a feather radius. The shapes will blur along the edges, blending wherever they are near each other. Increase the feather radius value for a greater effect.
  9. Select the Mixer Brush from the Tools panel, represented by a paintbrush and drop of paint. (In some versions, you may need to hold down the Brush icon to reveal this option.) Visit the Brush settings menu to check out several new options. Each of these will imitate a painter's techniques, such as dragging two colors of wet paint together.
    10. Advertisement

Expert Q&A

Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      • After blending, for a more even transition, color-pick the blend result and blend again. Repeat until you have an even transition with little visible "banding."
        Thanks
        Helpful 0 Not Helpful 0
      • If a tool doesn't work as you expect, find the Tool Preset icon on the left of the tool options bar. Right-click (or control-click on Mac) and select Reset Tool to return to default settings.
        Thanks
        Helpful 0 Not Helpful 0
      • Pay attention to the surface qualities of the material you are imitating. Different materials have different levels of reflection and harsher or smoother hue / value transitions. Also consider which types of light sources are influencing the object. Are they warm or cool? Dim or bright?
        Thanks
        Helpful 0 Not Helpful 0
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      Video

      You Might Also Like

      How to
      Insert an Image in Photoshop
      How to
      Fix "Scratch Disks are Full" Error in Photoshop
      How to
      Trace an Image in Photoshop on Windows or Mac
      3 Ways to Simply Import Fonts to Photoshop
      How to
      Install Plug-ins for Adobe Photoshop
      How to
      Make a Gradient in Photoshop
      4 Easy Ways to Insert a Bullet Point in Adobe Photoshop
      Quickly Change the Color of Background in Photoshop
      How to
      Add a Hyperlink to a JPEG in Photoshop
      Replace Text in Adobe Photoshop: 2 Simple Methods for Removal
      2 Easy Ways to Edit and Change Text Color in Photoshop
      How to
      Design an ID Card Using Adobe Photoshop
      3 Ways to Invert Image Colors in Adobe Photoshop
      How to
      Import an Image Into Photoshop
      Advertisement

      References

      1. ↑ https://helpx.adobe.com/photoshop/using/blending-modes.html
      2. ↑ https://www.youtube.com/watch?v=WOlFdiv84lA
      3. ↑ http://www.sitepoint.com/photoshops-linear-burn/
      4. ↑ https://www.youtube.com/watch?v=qIT6l_9Nlc0
      5. ↑ http://photoblogstop.com/photoshop/photoshop-blend-modes-explained
      6. ↑ http://www.photoshopessentials.com/photo-effects/dissolve/

      About This Article

      Article Summary X

      1. Click and hold the bucket tool.
      2. Click Gradient .
      3. Adjust the hues and values as needed.
      4. Select an area using the Lasso or Magnetic Wand tool.
      5. Click and drag to add the gradient.

      Did this summary help you?
      In other languages
      Thanks to all authors for creating a page that has been read 346,291 times.

      Is this article up to date?

      Advertisement