> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como fazer EFEITO DEGRADÊ de CORES no BACKGROUND do site

Para criar o efeito **degradê de cores no background** do seu site, siga os passos abaixo: 

1. Acesse o seu editor de páginas; 

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1emtfca.png =650x385)

2. Clique no **ícone de paleta de cor** localizado no canto superior esquerdo da sua tela e na seção "**Cores salvas**" clique em **adicionar**; 

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_yz0woc.png =650x671)

3. No menu que abrir, dê um nome a sua cor e em seguida clique no código **HEX** da mesma;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1oub4ve.png =650x422)

4. Em seguida, clique em **"Gradiente"** e personalize que desejar e clique em "**Salvar";**

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_fosk3y.png =650x495)

5. Após personalizar, selecione o bloco desejado e clique em "**Editar";**

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_ssg5jn.png =650x250)

6. No menu que aparecer no canto direito da tela, clique em "**Fundo**";

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-13-as-_1d8fyme.png =650x489)

7. Por fim, escolha a cor que recém criou que estará em **"Cores salvas"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1ojl4aj.png =650x529)

Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar. :-D