---
metadata:
  - name: generator
    content: Diplodoc Platform v5.50.3
alternate:
  - https://divkit.tech/docs/en/concepts/divs/2/div-linear-gradient.md
  - https://divkit.tech/docs/ru/concepts/divs/2/div-linear-gradient.md
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/ru/llms.txt

# div-linear-gradient
Линейный градиент.

## Параметры
| Параметры | Описание |
| --- | --- |
| `type` | <p>**string**</p><p>Обязательный параметр.</p><p>Значение всегда должно равняться `gradient`.</p> |
| `angle` | <p>**int**</p><p>Угол направления градиента.</p><p>Ограничение для значения `x`: `x >= 0 && x <= 360`.</p><p>Значение по умолчанию: `0`.</p> |
| `color_map` | <p>**array**</p><p>Цвета и расположение точек градиента. При использовании данного параметра игнорируется параметр `colors`.</p><p>Минимальное количество элементов — 2.</p><p>Доступные платформы: Android, iOS, веб.</p> |
| `colors` | <p>**array**</p><p>Цвета. Точки градиента будут расположены на равном расстоянии друг от друга.</p><p>Минимальное количество элементов — 2.</p> |

### color_point
| Параметры | Описание |
| --- | --- |
| `color` | <p>**string**</p><p>Обязательный параметр.</p><p>Цвет градиента, соответствующий точке градиента.</p><p>Допустимые форматы: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.</p> |
| `position` | <p>**number**</p><p>Обязательный параметр.</p><p>Расположение точки градиента.</p><p>Ограничение для значения `x`: `x >= 0.0 && x <= 1.0`.</p> |

<details>
<summary>JSON</summary>

```json
{
  type*: "gradient",
  angle: "int",
  color_map: [
    {
      color*: "string",
      position*: "number"
    },
    ...
  ],
  colors: [ "string", ... ]
}
```
</details>