## TwoColorGradient class

Represents two color gradient.

```javascript
class TwoColorGradient;
```


## Constructors

| Name | Description |
| --- | --- |
| [constructor(Color, Color, GradientStyleType, number)](#constructor-color-color-gradientstyletype-number-)|  |

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [color1](#color1--)| Color | Gets and sets the first gradient color. |
| [color2](#color2--)| Color | Gets and sets the second gradient color. |
| [gradientStyleType](#gradientStyleType--)| GradientStyleType | Gets and sets gradient shading style. |
| [variant](#variant--)| number | Gets and sets the gradient variant. |


### constructor(Color, Color, GradientStyleType, number) {#constructor-color-color-gradientstyletype-number-}



```javascript
constructor(color1: Color, color2: Color, gradientStyleType: GradientStyleType, variant: number);
```

**Parameters:**
| Parameter | Type | Description |
| --- | --- | --- |
| color1 | [Color](../color/) |  |
| color2 | [Color](../color/) |  |
| gradientStyleType | [GradientStyleType](../gradientstyletype/) |  |
| variant | number |  |

### color1 {#color1--}

Gets and sets the first gradient color.

```javascript
color1 : Color;
```


### color2 {#color2--}

Gets and sets the second gradient color.

```javascript
color2 : Color;
```


### gradientStyleType {#gradientStyleType--}

Gets and sets gradient shading style.

```javascript
gradientStyleType : GradientStyleType;
```


### variant {#variant--}

Gets and sets the gradient variant.

```javascript
variant : number;
```