# How to create gradient color or background?

1. Go to <https://cssgradient.io/>.
2. Copy text after “background” (without “;”):

   <figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2F5YcDZVh2zgOG2b1Qxd1r%2Fimage.png?alt=media&#x26;token=eb74d976-788c-4910-8cb7-c888a49eedcc" alt=""><figcaption></figcaption></figure>

It should look like:

```
linear-gradient(0deg, rgba(119,159,194,1) 0%, rgba(221,173,153,1) 49%, rgba(255,206,150,1) 78%, rgba(238,205,196,1) 88%, rgba(125,161,193,1) 100%)
```

3. Insert this to the color field:

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FYXAGxooM13ez1LrHPKyy%2Fimage.png?alt=media&#x26;token=d62ebd49-e7ba-4e8c-9ac5-c5c145ac0ee9" alt=""><figcaption></figcaption></figure>

Keep in mind: such gradient does not work for text.

***

Something unclear in docs or you know how to improve article? [Message us in community!](https://docs.tgtaps.com/tgtaps-docs/readme/community)\
We will answer you and then promise to improve the article within 3 days.