Testando Cores e Degradê

Código do degradê do título:

  h1 {
    font-family: "Lucida Handwriting";
    font-size: 300%;
    background-image: linear-gradient(
      to left,
      darkred,
      darkorange,
      yellowgreen,
      darkgreen,
      darkcyan,
      darkblue,
      indigo
    );
    background-size: cover !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important;
  }

Caixas:

.colorida {background-color: #eec0c6; background-image: linear-gradient(315deg, orange 0%, #7ee8fa 74%);}

.arcoiris {
    color: #fff;
    background-color: #7fd82b;
    background-image: linear-gradient(319deg, #7fd82b 0%, #ef4063 37%, teal 100%);}

.sonholavanda {background-color: #91d370; background-image: linear-gradient(319deg,#91d370 0%,#bca0ff 37%,#f2cd54 100%);}

.liar {color: #fff;background-color: #c73e1d; background-image: linear-gradient(315deg,#c73e1d 0%,#a23b72 37%,   #2e86ab 100%);}

.fraude {color: #fff; background-color: #0cbaba; background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);}

.suave {color: #fff; background-color: #eec0c6; background-image: linear-gradient(315deg, #eec0c6 0%, #e58c8a 74%);}