---
metadata:
  - name: generator
    content: Diplodoc Platform v5.54.5
alternate:
  - https://divkit.tech/docs/en/concepts/divs/2/div-radial-gradient.md
  - https://divkit.tech/docs/ru/concepts/divs/2/div-radial-gradient.md
  - href: en/concepts/divs/2/div-radial-gradient.md
    type: text/markdown
    title: Markdown version
  - href: ../../../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/en/llms.txt

# div-radial-gradient
Radial gradient.

## Parameters
| Parameters | Description |
| --- | --- |
| `type` | <p>**string**</p><p>Required parameter.</p><p>The value must always be `radial_gradient`.</p> |
| `center_x` | <p>**object**</p><p>Shift of the central point of the gradient relative to the left edge along the X axis.</p><p>The value has the type `div-radial-gradient-center`.</p><p>Default value: `{"type": "relative", "value": 0.5 }`.</p><p>List of possible values:<li>[div-radial-gradient-fixed-center](div-radial-gradient-fixed-center.md#div-radial-gradient-fixed-center)</li><li>[div-radial-gradient-relative-center](div-radial-gradient-relative-center.md#div-radial-gradient-relative-center)</li></p> |
| `center_y` | <p>**object**</p><p>Shift of the central point of the gradient relative to the top edge along the Y axis.</p><p>The value has the type `div-radial-gradient-center`.</p><p>Default value: `{"type": "relative", "value": 0.5 }`.</p><p>List of possible values:<li>[div-radial-gradient-fixed-center](div-radial-gradient-fixed-center.md#div-radial-gradient-fixed-center)</li><li>[div-radial-gradient-relative-center](div-radial-gradient-relative-center.md#div-radial-gradient-relative-center)</li></p> |
| `color_map` | <p>**array**</p><p>Colors and positions of gradient points. When using this parameter, the `colors` parameter is ignored.</p><p>The minimum number of elements is 2.</p><p>Available platforms: web, iOS, Android.</p> |
| `colors` | <p>**array**</p><p>Colors. Gradient points are located at an equal distance from each other.</p><p>The minimum number of elements is 2.</p> |
| `radius` | <p>**object**</p><p>Radius of the gradient transition.</p><p>The value has the type `div-radial-gradient-radius`.</p><p>Default value: `{"type": "relative", "value": "farthest_corner" }`.</p><p>List of possible values:<li>[div-fixed-size](div-fixed-size.md#div-fixed-size)</li><li>[div-radial-gradient-relative-radius](div-radial-gradient-relative-radius.md#div-radial-gradient-relative-radius)</li></p> |

### color_point
| Parameters | Description |
| --- | --- |
| `color` | <p>**string**</p><p>Required parameter.</p><p>Gradient color corresponding to gradient point.</p><p>Valid formats: `#RGB`, `#ARGB`, `#RRGGBB`, `#AARRGGBB`.</p> |
| `position` | <p>**number**</p><p>Required parameter.</p><p>The position of the gradient point.</p><p>Restriction for the value `x`: `x >= 0.0 && x <= 1.0`.</p> |

<details>
<summary>JSON</summary>

```json
{
  type*: "radial_gradient",
  center_x: div-radial-gradient-center,
  center_y: div-radial-gradient-center,
  color_map: [
    {
      color*: "string",
      position*: "number"
    },
    ...
  ],
  colors: [ "string", ... ],
  radius: div-radial-gradient-radius
}
```
</details>