#5E4D3E - #D1CCC7 | 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 #5E4D3E a #D1CCC7

#5E4D3E #D1CCC7

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

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

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #716254	RGB 113 98 84	#716254
33.3%	33.3% #84776B	RGB 132 119 107	#84776B
50.0%	50.0% #978C82	RGB 151 140 130	#978C82
66.7%	66.7% #AAA199	RGB 170 161 153	#AAA199
83.3%	83.3% #BDB6B0	RGB 189 182 176	#BDB6B0
100.0%	100.0% #D1CCC7	RGB 209 204 199	#D1CCC7

#5E4D3E #716254 #84776B #978C82 #AAA199 #BDB6B0 #D1CCC7

#5E4D3E - #D1CCC7

Mezcla HSV

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

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #715F50	RGB 113 95 80	#715F50
33.3%	33.3% #847364	RGB 132 115 100	#847364
50.0%	50.0% #97887A	RGB 151 136 122	#97887A
66.7%	66.7% #AA9E91	RGB 170 158 145	#AA9E91
83.3%	83.3% #BDB4AB	RGB 189 180 171	#BDB4AB
100.0%	100.0% #D1CCC7	RGB 209 204 199	#D1CCC7

#5E4D3E #715F50 #847364 #97887A #AA9E91 #BDB4AB #D1CCC7

#5E4D3E - #97887A - #D1CCC7

Códigos CSS

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

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