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.
#384A6E - #91BBC8 - #D2AAB0 - #6F55A5 - #606D5C - #AA9680 - #AF5E6D
Código CSS:
background-image: linear-gradient(90deg, #384A6E 6%,#91BBC8 21%,#D2AAB0 36%,#6F55A5 50%,#606D5C 65%,#AA9680 80%,#AF5E6D 94%);
#C1A2FF - #E3CCFF - #A8E6CF - #FFD3B6 - #FFCC6B - #8EA4D2
Código CSS:
background-image: linear-gradient(90deg, #C1A2FF 0%,#E3CCFF 20%,#A8E6CF 40%,#FFD3B6 60%,#FFCC6B 80%,#8EA4D2 100%);
Código CSS:
background-image: linear-gradient(293deg, #0004AADE 0%,#5DE0E6 87%,#46A9D7 98%);
Nice Name for this Gradient NEW
Código CSS:
background-image: radial-gradient(circle at 27% 22%, #2115AB 9%,#FE2D78 46%,#902192 73%,#2115AB 100%);
Código CSS:
background-image: radial-gradient(circle at 68% 24%, #97F0A6 20%,#76C9CF 47%,#106915 92%);
Código CSS:
background-image: radial-gradient(circle at 61% 14%, #FFE0B0 13%,#ED913B 45%,#D16D12 71%,#964A16 90%);
#FFE0B0 - #ED913B - #D16D12 - #964A16
Código CSS:
background-image: radial-gradient(circle at right 16%, #FFE0B0 13%,#ED913B 45%,#D16D12 71%,#964A16 90%);
Código CSS:
background-image: radial-gradient(circle at 64% 35%, #1DEADE 5%,#E21521 85%);
Código CSS:
background-image: radial-gradient(circle closest-side , #D2AFAFEB 0%,#D1BECA 93%);
Código CSS:
background-image: radial-gradient(circle at 97% 51%, #D6CD67 7%,#E246FA 98%);
#EE4383 - #E14B83 - #B76282 - #11BC7C - #D35383 - #808080 - #11BC7C
Código CSS:
background-image: linear-gradient(135deg, #EE4383 1%,#E14B83 4%,#B76282 34%,#11BC7C 52%,#D35383 69%,#808080 80%,#11BC7C 94%);
Código CSS:
background-image: radial-gradient(circle at 49% center, #7589A3 0%,#A37475 99%);
Proporcione a diseñadores y agencias valores cromáticos precisos.
Create a color palette
DownloadDownload in different formats