#ABA8AD - #5E5462 | 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 #ABA8AD a #5E5462

#ABA8AD #5E5462

Calcule el color entre dos colores, #ABA8AD y #5E5462. 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)

#ABA8AD - #5E5462 | 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 #ABA8AD como 0% y #5E5462 como 100%.

0.0%	0.0% #ABA8AD	RGB 171 168 173	#ABA8AD
16.7%	16.7% #9E9AA0	RGB 158 154 160	#9E9AA0
33.3%	33.3% #918C94	RGB 145 140 148	#918C94
50.0%	50.0% #847E87	RGB 132 126 135	#847E87
66.7%	66.7% #77707B	RGB 119 112 123	#77707B
83.3%	83.3% #6A626E	RGB 106 98 110	#6A626E
100.0%	100.0% #5E5462	RGB 94 84 98	#5E5462

#ABA8AD #9E9AA0 #918C94 #847E87 #77707B #6A626E #5E5462

#ABA8AD - #5E5462

Mezcla HSV

#ABA8AD - #5E5462 | 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 #ABA8AD como 0% y #5E5462 como 100%.

0.0%	0.0% #ABA8AD	RGB 171 168 173	#ABA8AD
16.7%	16.7% #9D98A0	RGB 157 152 160	#9D98A0
33.3%	33.3% #908A94	RGB 144 138 148	#908A94
50.0%	50.0% #837B87	RGB 131 123 135	#837B87
66.7%	66.7% #766E7B	RGB 118 110 123	#766E7B
83.3%	83.3% #6A606E	RGB 106 96 110	#6A606E
100.0%	100.0% #5E5462	RGB 94 84 98	#5E5462

#ABA8AD #9D98A0 #908A94 #837B87 #766E7B #6A606E #5E5462

#ABA8AD - #837B87 - #5E5462

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA8AD 0%, #837B87 50%, #5E5462 100%);
    background: -webkit-linear-gradient(top, #ABA8AD 0%, #837B87 50%, #5E5462 100%);
    background: linear-gradient(to bottom, #ABA8AD 0%, #837B87 50%, #5E5462 100%);
}
</style>