<!--
{
  "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/RadialGradient",
  "metadataVersion" : "0.1.0",
  "role" : "Structure",
  "symbol" : {
    "kind" : "Structure",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI14RadialGradientV"
  },
  "title" : "RadialGradient"
}
-->

# RadialGradient

A radial gradient.

```
@frozen nonisolated struct RadialGradient
```

## Overview

The gradient applies the color function as the distance from a center
point, scaled to fit within the defined start and end radii. The
gradient maps the unit space center point into the bounding rectangle of
each shape filled with the gradient.

When using a radial gradient as a shape style, you can also use
[`radialGradient(_:center:startRadius:endRadius:)`](/documentation/SwiftUI/ShapeStyle/radialGradient(_:center:startRadius:endRadius:)).

## Topics

### Creating a radial gradient

[`init(gradient:center:startRadius:endRadius:)`](/documentation/SwiftUI/RadialGradient/init(gradient:center:startRadius:endRadius:))

Creates a radial gradient from a base gradient.

[`init(colors:center:startRadius:endRadius:)`](/documentation/SwiftUI/RadialGradient/init(colors:center:startRadius:endRadius:))

Creates a radial gradient from a collection of colors.

[`init(stops:center:startRadius:endRadius:)`](/documentation/SwiftUI/RadialGradient/init(stops:center:startRadius:endRadius:))

Creates a radial gradient from a collection of color stops.


---

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)