#9F5E3E - #E3D1C7 | 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 #9F5E3E a #E3D1C7

#9F5E3E #E3D1C7

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

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

0.0%	0.0% #9F5E3E	RGB 159 94 62	#9F5E3E
16.7%	16.7% #AA7154	RGB 170 113 84	#AA7154
33.3%	33.3% #B5846B	RGB 181 132 107	#B5846B
50.0%	50.0% #C19782	RGB 193 151 130	#C19782
66.7%	66.7% #CCAA99	RGB 204 170 153	#CCAA99
83.3%	83.3% #D7BDB0	RGB 215 189 176	#D7BDB0
100.0%	100.0% #E3D1C7	RGB 227 209 199	#E3D1C7

#9F5E3E #AA7154 #B5846B #C19782 #CCAA99 #D7BDB0 #E3D1C7

#9F5E3E - #E3D1C7

Mezcla HSV

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

0.0%	0.0% #9F5E3E	RGB 159 94 62	#9F5E3E
16.7%	16.7% #AA6E50	RGB 170 110 80	#AA6E50
33.3%	33.3% #B57F64	RGB 181 127 100	#B57F64
50.0%	50.0% #C1927A	RGB 193 146 122	#C1927A
66.7%	66.7% #CCA691	RGB 204 166 145	#CCA691
83.3%	83.3% #D7BBAB	RGB 215 187 171	#D7BBAB
100.0%	100.0% #E3D1C7	RGB 227 209 199	#E3D1C7

#9F5E3E #AA6E50 #B57F64 #C1927A #CCA691 #D7BBAB #E3D1C7

#9F5E3E - #C1927A - #E3D1C7

Códigos CSS

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

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