#5E4D56 - #D1CCCF | 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 #5E4D56 a #D1CCCF

#5E4D56 #D1CCCF

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

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

0.0%	0.0% #5E4D56	RGB 94 77 86	#5E4D56
16.7%	16.7% #71626A	RGB 113 98 106	#71626A
33.3%	33.3% #84777E	RGB 132 119 126	#84777E
50.0%	50.0% #978C92	RGB 151 140 146	#978C92
66.7%	66.7% #AAA1A6	RGB 170 161 166	#AAA1A6
83.3%	83.3% #BDB6BA	RGB 189 182 186	#BDB6BA
100.0%	100.0% #D1CCCF	RGB 209 204 207	#D1CCCF

#5E4D56 #71626A #84777E #978C92 #AAA1A6 #BDB6BA #D1CCCF

#5E4D56 - #D1CCCF

Mezcla HSV

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

0.0%	0.0% #5E4D56	RGB 94 77 86	#5E4D56
16.7%	16.7% #715F69	RGB 113 95 105	#715F69
33.3%	33.3% #84737C	RGB 132 115 124	#84737C
50.0%	50.0% #978790	RGB 151 135 144	#978790
66.7%	66.7% #AA9DA5	RGB 170 157 165	#AA9DA5
83.3%	83.3% #BDB4B9	RGB 189 180 185	#BDB4B9
100.0%	100.0% #D1CCCF	RGB 209 204 207	#D1CCCF

#5E4D56 #715F69 #84737C #978790 #AA9DA5 #BDB4B9 #D1CCCF

#5E4D56 - #978790 - #D1CCCF

Códigos CSS

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

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