Todas las gradientes publicadas a simple vista. Use filtros para nombres y clasificación siguiendo distinctos criterios. Califique las gradientes más bonitas y crea su propia a partir de colores que encajen lo mejor posible.
Código CSS:
background-image: radial-gradient(circle closest-side , #53C1E6 3%,#F5BFE500 96%);
#005B8C - #76689A - #903373 - #BB4077 - #BF3922
Código CSS:
background-image: linear-gradient(130deg, #005B8C 0%,#76689A 26%,#903373 42%,#BB4077 58%,#BF3922 100%);
#005B8C - #76689A - #903373 - #BB4077 - #BF3922
Código CSS:
background-image: linear-gradient(132deg, #005B8C 0%,#76689A 30%,#903373 48%,#BB4077 69%,#BF3922 100%);
Código CSS:
background-image: radial-gradient(circle , #FFCC00 0%,#FF0000 27%,#000000 49%,#525252 76%,#1C1C1C 84%);
#FFCC00 - #FF0000 - #000000 - #525252 - #1C1C1C
Código CSS:
background-image: radial-gradient(circle , #FFCC00 0%,#FF0000 31%,#000000 48%,#525252 76%,#1C1C1C 84%);
Código CSS:
background-image: radial-gradient(circle at 52% bottom, #A8C3EA 0%,#718CB3 100%);
Código CSS:
background-image: radial-gradient(circle , #FFCC00 0%,#FF0000 10%,#000000 46%,#525252 57%,#1C1C1C 68%);
Atelier_#D2A0AC - #57706A - #808080 - #2D5F53
Código CSS:
background-image: linear-gradient(14deg, #D2A0AC 0%,#57706A 37%,#808080 49%,#2D5F53 68%);
Código CSS:
background-image: radial-gradient(circle closest-side , #532820 7%,#ACD7DF 99%);
Código CSS:
background-image: linear-gradient(86deg, #BBBBBF 0%,#E3E3E3 50%,#BBBBBF 100%);
Código CSS:
background-image: linear-gradient(312deg, #F0F0F0 19%,#DCF0F0 41%,#D2D246 96%);
Proporcione a diseñadores y agencias valores cromáticos precisos.
Create a color palette
DownloadDownload in different formats