#8F5E3E - #DFD1C7 | 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 #8F5E3E a #DFD1C7

#8F5E3E #DFD1C7

Calcule el color entre dos colores, #8F5E3E y #DFD1C7. 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)

#8F5E3E - #DFD1C7 | 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 #8F5E3E como 0% y #DFD1C7 como 100%.

0.0%	0.0% #8F5E3E	RGB 143 94 62	#8F5E3E
16.7%	16.7% #9C7154	RGB 156 113 84	#9C7154
33.3%	33.3% #A9846B	RGB 169 132 107	#A9846B
50.0%	50.0% #B79782	RGB 183 151 130	#B79782
66.7%	66.7% #C4AA99	RGB 196 170 153	#C4AA99
83.3%	83.3% #D1BDB0	RGB 209 189 176	#D1BDB0
100.0%	100.0% #DFD1C7	RGB 223 209 199	#DFD1C7

#8F5E3E #9C7154 #A9846B #B79782 #C4AA99 #D1BDB0 #DFD1C7

#8F5E3E - #DFD1C7

Mezcla HSV

#8F5E3E - #DFD1C7 | 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 #8F5E3E como 0% y #DFD1C7 como 100%.

0.0%	0.0% #8F5E3E	RGB 143 94 62	#8F5E3E
16.7%	16.7% #9C6E4F	RGB 156 110 79	#9C6E4F
33.3%	33.3% #A97F63	RGB 169 127 99	#A97F63
50.0%	50.0% #B79279	RGB 183 146 121	#B79279
66.7%	66.7% #C4A691	RGB 196 166 145	#C4A691
83.3%	83.3% #D1BBAB	RGB 209 187 171	#D1BBAB
100.0%	100.0% #DFD1C7	RGB 223 209 199	#DFD1C7

#8F5E3E #9C6E4F #A97F63 #B79279 #C4A691 #D1BBAB #DFD1C7

#8F5E3E - #B79279 - #DFD1C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E3E 0%, #B79279 50%, #DFD1C7 100%);
    background: -webkit-linear-gradient(top, #8F5E3E 0%, #B79279 50%, #DFD1C7 100%);
    background: linear-gradient(to bottom, #8F5E3E 0%, #B79279 50%, #DFD1C7 100%);
}
</style>