--- title: Blend modes in SwiftUI | daily.dev description: A comprehensive walkthrough of all 21 SwiftUI BlendMode values, organized into groups: normal, darkening (multiply, darken, colorBurn, plusDarker), lightening... canonical: https://daily.dev/posts/blend-modes-in-swiftui-xh1bbks8b twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Blend modes in SwiftUI | daily.dev og:description: A comprehensive walkthrough of all 21 SwiftUI BlendMode values, organized into groups: normal, darkening (multiply, darken, colorBurn, plusDarker), lightening... og:url: https://daily.dev/posts/blend-modes-in-swiftui-xh1bbks8b og:image: https://api.daily.dev/og/posts/xH1Bbks8B.png og:image:alt: Blend modes in SwiftUI og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Blend modes in SwiftUI **[Nil Coalescing](https://daily.dev/sources/nilcoalescing)** · 16 min read · 0 upvotes · 0 comments ## Summary A comprehensive walkthrough of all 21 SwiftUI BlendMode values, organized into groups: normal, darkening (multiply, darken, colorBurn, plusDarker), lightening (screen, lighten, colorDodge, plusLighter), contrast (overlay, softLight, hardLight), difference (difference, exclusion), component (hue, saturation, color, luminosity), and Porter-Duff compositing modes (sourceAtop, destinationOver, destinationOut). Each mode is explained with its mathematical formula, visual behavior, and practical use cases such as applying paper textures, compositing light effects, colorizing grayscale images, and cutting shapes. The post also covers how to use compositingGroup() to control which views participate in a blend operation and prevent unintended interactions with surrounding content. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [SwiftUI Liquid Glass - Regular vs Clear](https://daily.dev/posts/swiftui-liquid-glass---regular-vs-clear-vp26covdf) · Sarunw · 0 upvotes · 0 comments --- Tags: [#ios](https://daily.dev/tags/ios), [#swift](https://daily.dev/tags/swift), [#swiftui](https://daily.dev/tags/swiftui) [View this post on daily.dev](https://daily.dev/posts/blend-modes-in-swiftui-xh1bbks8b) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Blend modes in SwiftUI","url":"https://daily.dev/posts/blend-modes-in-swiftui-xh1bbks8b","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/blend-modes-in-swiftui-xh1bbks8b"},"datePublished":"2026-08-02T07:15:06.549Z","dateModified":"2026-08-02T07:31:59.546Z","description":"A comprehensive walkthrough of all 21 SwiftUI BlendMode values, organized into groups: normal, darkening (multiply, darken, colorBurn, plusDarker), lightening...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0ba0e9cd99c37db271853a5e2f79fb0f?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0ba0e9cd99c37db271853a5e2f79fb0f?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Nil Coalescing","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Nil Coalescing","logo":"https://media.daily.dev/image/upload/s--rcEu6sag--/f_auto,q_auto/v1785654899/logos/nilcoalescing?_a=BAMAMicg0","url":"https://daily.dev/sources/nilcoalescing"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/blend-modes-in-swiftui-xh1bbks8b","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ios,swift,swiftui","timeRequired":"PT16M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Nil Coalescing","item":"https://daily.dev/sources/nilcoalescing"},{"@type":"ListItem","position":3,"name":"Blend modes in SwiftUI"}]} ```