---
title: "init(gradient:center:startRadiusFraction:endRadiusFraction:)"
framework: swiftui
role: symbol
role_heading: Initializer
path: "swiftui/ellipticalgradient/init(gradient:center:startradiusfraction:endradiusfraction:)"
---

# init(gradient:center:startRadiusFraction:endRadiusFraction:)

Creates an elliptical gradient.

## Declaration

```swift
nonisolated init(gradient: Gradient, center: UnitPoint = .center, startRadiusFraction: CGFloat = 0, endRadiusFraction: CGFloat = 0.5)
```

## Discussion

Discussion For example, an elliptical gradient centered on the top-leading corner of the view: EllipticalGradient(     gradient: .init(colors: [.blue, .green]),     center: .topLeading,     startRadiusFraction: 0,     endRadiusFraction: 1) gradient: The colors and their parametric locations. center: The center of the circle, in [0, 1] coordinates. startRadiusFraction: The start radius value, as a fraction between zero and one. Zero maps to the center point, one maps to the diameter of the unit circle. endRadiusFraction: The end radius value, as a fraction between zero and one. Zero maps to the center point, one maps to the diameter of the unit circle.

## See Also

### Creating an elliptical gradient

- [init(colors:center:startRadiusFraction:endRadiusFraction:)](swiftui/ellipticalgradient/init(colors:center:startradiusfraction:endradiusfraction:).md)
- [init(stops:center:startRadiusFraction:endRadiusFraction:)](swiftui/ellipticalgradient/init(stops:center:startradiusfraction:endradiusfraction:).md)