<!--
{
  "availability" : [
    "iOS: 15.0.0 -",
    "iPadOS: 15.0.0 -",
    "macCatalyst: 15.0.0 -",
    "macOS: 12.0.0 -",
    "tvOS: 15.0.0 -",
    "visionOS: 1.0.0 -",
    "watchOS: 8.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/EllipticalGradient",
  "metadataVersion" : "0.1.0",
  "role" : "Structure",
  "symbol" : {
    "kind" : "Structure",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI18EllipticalGradientV"
  },
  "title" : "EllipticalGradient"
}
-->

# EllipticalGradient

A radial gradient that draws an ellipse.

```
@frozen nonisolated struct EllipticalGradient
```

## Overview

The gradient maps its coordinate space to the unit space square
in which its center and radii are defined, then stretches that
square to fill its bounding rect, possibly also stretching the
circular gradient to have elliptical contours.

For example, an elliptical gradient centered on the view, filling
its bounds:

```
EllipticalGradient(gradient: .init(colors: [.red, .yellow]))
```

When using an elliptical gradient as a shape style, you can also use
[`ellipticalGradient(_:center:startRadiusFraction:endRadiusFraction:)`](/documentation/SwiftUI/ShapeStyle/ellipticalGradient(_:center:startRadiusFraction:endRadiusFraction:)).

## Topics

### Creating an elliptical gradient

[`init(gradient:center:startRadiusFraction:endRadiusFraction:)`](/documentation/SwiftUI/EllipticalGradient/init(gradient:center:startRadiusFraction:endRadiusFraction:))

Creates an elliptical gradient.

[`init(colors:center:startRadiusFraction:endRadiusFraction:)`](/documentation/SwiftUI/EllipticalGradient/init(colors:center:startRadiusFraction:endRadiusFraction:))

Creates an elliptical gradient from a collection of colors.

[`init(stops:center:startRadiusFraction:endRadiusFraction:)`](/documentation/SwiftUI/EllipticalGradient/init(stops:center:startRadiusFraction:endRadiusFraction:))

Creates an elliptical 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)