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 , #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%);
#9EC8CC - #09EC8CCF - #FFFFFF9E
Código CSS:
background-image: linear-gradient(269deg, #9EC8CC 9%,#09EC8CCF 23%,#FFFFFF9E 37%);
#FFC800 - #000000 - #FF5800 - #000000
Código CSS:
background-image: radial-gradient(circle at 28% 31%, #FFC800 9%,#000000 40%,#FF5800 69%,#000000 88%);
Código CSS:
background-image: radial-gradient(circle at 14% 14%, #0A0800 1%,#FFC800 46%,#000000 49%,#FF5800 51%,#000000 99%);
Código CSS:
background-image: linear-gradient(332deg, #543478 0%,#B028B6 100%,#00ACD3 100%);
#CEDEEA - #9DB8CF - #335E82 - #062F49
Código CSS:
background-image: radial-gradient(circle at 49% 61%, #CEDEEA 3%,#9DB8CF 39%,#335E82 61%,#062F49 82%);
Código CSS:
background-image: radial-gradient(circle , #CEDEEA 3%,#9DB8CF 39%,#335E82 61%,#062F49 82%);
#5E2C2C - #A6501E - #B06933 - #FFCC00
Código CSS:
background-image: linear-gradient(360deg, #5E2C2C 14%,#A6501E 45%,#B06933 59%,#FFCC00 84%);
Proporcione a diseñadores y agencias valores cromáticos precisos.
Create a color palette
DownloadDownload in different formats