<!--
{
  "availability" : [
    "iOS: 13.0.0 -",
    "iPadOS: 13.0.0 -",
    "macCatalyst: 13.0.0 -",
    "macOS: 10.15.0 -",
    "tvOS: 13.0.0 -",
    "visionOS: 1.0.0 -",
    "watchOS: 6.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/BlendMode",
  "metadataVersion" : "0.1.0",
  "role" : "Enumeration",
  "symbol" : {
    "kind" : "Enumeration",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI9BlendModeO"
  },
  "title" : "BlendMode"
}
-->

# BlendMode

Modes for compositing a view with overlapping content.

```
enum BlendMode
```

## Topics

### Getting the default

[`BlendMode.normal`](/documentation/SwiftUI/BlendMode/normal)

### Darkening

[`BlendMode.darken`](/documentation/SwiftUI/BlendMode/darken)

[`BlendMode.multiply`](/documentation/SwiftUI/BlendMode/multiply)

[`BlendMode.colorBurn`](/documentation/SwiftUI/BlendMode/colorBurn)

[`BlendMode.plusDarker`](/documentation/SwiftUI/BlendMode/plusDarker)

### Lightening

[`BlendMode.lighten`](/documentation/SwiftUI/BlendMode/lighten)

[`BlendMode.screen`](/documentation/SwiftUI/BlendMode/screen)

[`BlendMode.colorDodge`](/documentation/SwiftUI/BlendMode/colorDodge)

[`BlendMode.plusLighter`](/documentation/SwiftUI/BlendMode/plusLighter)

### Adding contrast

[`BlendMode.overlay`](/documentation/SwiftUI/BlendMode/overlay)

[`BlendMode.softLight`](/documentation/SwiftUI/BlendMode/softLight)

[`BlendMode.hardLight`](/documentation/SwiftUI/BlendMode/hardLight)

### Inverting

[`BlendMode.difference`](/documentation/SwiftUI/BlendMode/difference)

[`BlendMode.exclusion`](/documentation/SwiftUI/BlendMode/exclusion)

### Mixing color components

[`BlendMode.hue`](/documentation/SwiftUI/BlendMode/hue)

[`BlendMode.saturation`](/documentation/SwiftUI/BlendMode/saturation)

[`BlendMode.color`](/documentation/SwiftUI/BlendMode/color)

[`BlendMode.luminosity`](/documentation/SwiftUI/BlendMode/luminosity)

### Accessing Porter-Duff modes

[`BlendMode.sourceAtop`](/documentation/SwiftUI/BlendMode/sourceAtop)

[`BlendMode.destinationOver`](/documentation/SwiftUI/BlendMode/destinationOver)

[`BlendMode.destinationOut`](/documentation/SwiftUI/BlendMode/destinationOut)


---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)