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 at 59% 42%, #030303 10%,#477C94 13%,#84C3E0 21%,#549FBA 31%,#507E8A 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);
Código CSS:
background-image: radial-gradient(circle at 59% 42%, #030303 10%,#6D2F7D 13%,#BD76DB 21%,#8F44A6 31%,#622073 35%,#F0C5D6 38%,#DB9AA4 73%,#B84F5B 77%);
Código CSS:
background-image: radial-gradient(circle at 59% 41%, #131414 0%,#1A1915 13%,#0FA833 16%,#389C54 22%,#1A7D2E 28%,#255229 32%,#2D3618 34%,#F5C9CA 37%,#E0B4B4 67%,#B55B5B 80%);
Código CSS:
background-image: linear-gradient(360deg, #D2D246 12%,#A1C091 31%,#70ADDB 52%);
Código CSS:
background-image: linear-gradient(0deg, #F9F9F7 10%,#779ACE 81%,#5986CC 93%);
Código CSS:
background-image: radial-gradient(circle at 61% 29%, #F14997 21%,#061C125E 47%,#FCFCFC 85%);
Código CSS:
background-image: radial-gradient(circle at 63% 19%, #F14997 12%,#061C125E 61%,#FCFCFC 86%);
Código CSS:
background-image: linear-gradient(90deg, #EFEEE5 0%,#D3CCC1 44%,#B7A99C 95%);
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%);
Proporcione a diseñadores y agencias valores cromáticos precisos.
Create a color palette
DownloadDownload in different formats