# RadialGradientPaint
Represents a radial gradient paint.

{/* Do not edit this file. It is automatically generated by API Documenter. */}

## RadialGradientPaint interface

Represents a radial gradient paint.

**Signature:**

```typescript
interface RadialGradientPaint extends GradientPaint
```

**Extends:** [GradientPaint](/en/creator-api/values/gradient-paint)

## Example

```ts
// Create a radial gradient
group.createFill({
  type: "GRADIENT_RADIAL",
  start: { x: 100, y: 100 },
  end: { x: 200, y: 100 },
  highlightAngle: 45,
  highlightLength: 50,
  stops: [
    { color: { r: 255, g: 255, b: 255 }, offset: 0, opacity: 1 },
    { color: { r: 0, g: 0, b: 0 }, offset: 1, opacity: 1 },
  ],
});
```

## Properties

<table>
  <thead>
    <tr>
      <th>
        Property
      </th>

      <th>
        Modifiers
      </th>

      <th>
        Type
      </th>

      <th>
        Description
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        [highlightAngle](/en/creator-api/values/radial-gradient-paint/highlight-angle)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        [Animatable](/en/creator-api/nodes/animatable)\<number>
      </td>

      <td>
        The angle of the highlight/focal point
      </td>
    </tr>

    <tr>
      <td>
        [highlightLength](/en/creator-api/values/radial-gradient-paint/highlight-length)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        [Animatable](/en/creator-api/nodes/animatable)\<number>
      </td>

      <td>
        The length of the highlight/focal point from the center (-100 to 100)
      </td>
    </tr>

    <tr>
      <td>
        [type](/en/creator-api/values/radial-gradient-paint/type)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        "GRADIENT\_RADIAL"
      </td>

      <td>
        Paint type
      </td>
    </tr>
  </tbody>
</table>