#5E5EAB - #A1A4C5 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #5E5EAB a #A1A4C5

#5E5EAB #A1A4C5

Calcule el color entre dos colores, #5E5EAB y #A1A4C5. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#5E5EAB - #A1A4C5 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #5E5EAB como 0% y #A1A4C5 como 100%.

0.0%	0.0% #5E5EAB	RGB 94 94 171	#5E5EAB
16.7%	16.7% #6969AF	RGB 105 105 175	#6969AF
33.3%	33.3% #7475B3	RGB 116 117 179	#7475B3
50.0%	50.0% #7F81B8	RGB 127 129 184	#7F81B8
66.7%	66.7% #8A8CBC	RGB 138 140 188	#8A8CBC
83.3%	83.3% #9598C0	RGB 149 152 192	#9598C0
100.0%	100.0% #A1A4C5	RGB 161 164 197	#A1A4C5

#5E5EAB #6969AF #7475B3 #7F81B8 #8A8CBC #9598C0 #A1A4C5

#5E5EAB - #A1A4C5

Mezcla HSV

#5E5EAB - #A1A4C5 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #5E5EAB como 0% y #A1A4C5 como 100%.

0.0%	0.0% #5E5EAB	RGB 94 94 171	#5E5EAB
16.7%	16.7% #6869AF	RGB 104 105 175	#6869AF
33.3%	33.3% #7274B3	RGB 114 116 179	#7274B3
50.0%	50.0% #7D80B8	RGB 125 128 184	#7D80B8
66.7%	66.7% #898BBC	RGB 137 139 188	#898BBC
83.3%	83.3% #9497C0	RGB 148 151 192	#9497C0
100.0%	100.0% #A1A4C5	RGB 161 164 197	#A1A4C5

#5E5EAB #6869AF #7274B3 #7D80B8 #898BBC #9497C0 #A1A4C5

#5E5EAB - #7D80B8 - #A1A4C5

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EAB 0%, #A1A4C5 100%);
    background: -webkit-linear-gradient(top, #5E5EAB 0%, #A1A4C5 100%);
    background: linear-gradient(to bottom, #5E5EAB 0%, #A1A4C5 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EAB 0%, #7D80B8 50%, #A1A4C5 100%);
    background: -webkit-linear-gradient(top, #5E5EAB 0%, #7D80B8 50%, #A1A4C5 100%);
    background: linear-gradient(to bottom, #5E5EAB 0%, #7D80B8 50%, #A1A4C5 100%);
}
</style>