<!--
{
  "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/View/blendMode(_:)",
  "metadataVersion" : "0.1.0",
  "role" : "Instance Method",
  "symbol" : {
    "kind" : "Instance Method",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI4ViewPAAE9blendModeyQrAA05BlendE0OF"
  },
  "title" : "blendMode(_:)"
}
-->

# blendMode(_:)

Sets the blend mode for compositing this view with overlapping views.

```
nonisolated func blendMode(_ blendMode: BlendMode) -> some View
```

## Parameters

`blendMode`

The [`BlendMode`](/documentation/SwiftUI/BlendMode) for compositing this view.

## Return Value

A view that applies `blendMode` to this view.

## Discussion

Use `blendMode(_:)` to combine overlapping views and use a different
visual effect to produce the result. The [`BlendMode`](/documentation/SwiftUI/BlendMode) enumeration
defines many possible effects.

In the example below, the two overlapping rectangles have a
[`BlendMode.colorBurn`](/documentation/SwiftUI/BlendMode/colorBurn) effect applied, which effectively removes the
non-overlapping portion of the second image:

```
HStack {
    Color.yellow.frame(width: 50, height: 50, alignment: .center)

    Color.red.frame(width: 50, height: 50, alignment: .center)
        .rotationEffect(.degrees(45))
        .padding(-20)
        .blendMode(.colorBurn)
}
```

![Two overlapping rectangles showing the effect of the blend mode view](images/com.apple.SwiftUI/SwiftUI-blendMode@2x.png)

---

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)