# GradientPaint
Base interface for gradient paints.

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

## GradientPaint interface

Base interface for gradient paints.

**Signature:**

```typescript
interface GradientPaint
```

## Properties

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

      <th>
        Modifiers
      </th>

      <th>
        Type
      </th>

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

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

      <td>
        `readonly`
      </td>

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

      <td>
        The end point of the gradient
      </td>
    </tr>

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

      <td>
        `readonly`
      </td>

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

      <td>
        The start point of the gradient
      </td>
    </tr>

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

      <td>
        `readonly`
      </td>

      <td>
        [Animatable](/en/creator-api/nodes/animatable)\<[ColorStops](/en/creator-api/values/color-stops)>
      </td>

      <td>
        Array of color stops defining the gradient
      </td>
    </tr>
  </tbody>
</table>

## Methods

<table>
  <thead>
    <tr>
      <th>
        Method
      </th>

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

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

      <td>
        Removes the paint from the container it is applied to
      </td>
    </tr>
  </tbody>
</table>