#5E5558 - #D1CECE | 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 #5E5558 a #D1CECE

#5E5558 #D1CECE

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

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

0.0%	0.0% #5E5558	RGB 94 85 88	#5E5558
16.7%	16.7% #71696B	RGB 113 105 107	#71696B
33.3%	33.3% #847D7F	RGB 132 125 127	#847D7F
50.0%	50.0% #979193	RGB 151 145 147	#979193
66.7%	66.7% #AAA5A6	RGB 170 165 166	#AAA5A6
83.3%	83.3% #BDB9BA	RGB 189 185 186	#BDB9BA
100.0%	100.0% #D1CECE	RGB 209 206 206	#D1CECE

#5E5558 #71696B #847D7F #979193 #AAA5A6 #BDB9BA #D1CECE

#5E5558 - #D1CECE

Mezcla HSV

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

0.0%	0.0% #5E5558	RGB 94 85 88	#5E5558
16.7%	16.7% #71676A	RGB 113 103 106	#71676A
33.3%	33.3% #847B7D	RGB 132 123 125	#847B7D
50.0%	50.0% #978F90	RGB 151 143 144	#978F90
66.7%	66.7% #AAA3A4	RGB 170 163 164	#AAA3A4
83.3%	83.3% #BDB8B8	RGB 189 184 184	#BDB8B8
100.0%	100.0% #D1CECE	RGB 209 206 206	#D1CECE

#5E5558 #71676A #847B7D #978F90 #AAA3A4 #BDB8B8 #D1CECE

#5E5558 - #978F90 - #D1CECE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5558 0%, #978F90 50%, #D1CECE 100%);
    background: -webkit-linear-gradient(top, #5E5558 0%, #978F90 50%, #D1CECE 100%);
    background: linear-gradient(to bottom, #5E5558 0%, #978F90 50%, #D1CECE 100%);
}
</style>