#9C8D86 - #E2DEDC | 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 #9C8D86 a #E2DEDC

#9C8D86 #E2DEDC

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

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

0.0%	0.0% #9C8D86	RGB 156 141 134	#9C8D86
16.7%	16.7% #A79A94	RGB 167 154 148	#A79A94
33.3%	33.3% #B3A8A2	RGB 179 168 162	#B3A8A2
50.0%	50.0% #BFB5B1	RGB 191 181 177	#BFB5B1
66.7%	66.7% #CAC3BF	RGB 202 195 191	#CAC3BF
83.3%	83.3% #D6D0CD	RGB 214 208 205	#D6D0CD
100.0%	100.0% #E2DEDC	RGB 226 222 220	#E2DEDC

#9C8D86 #A79A94 #B3A8A2 #BFB5B1 #CAC3BF #D6D0CD #E2DEDC

#9C8D86 - #E2DEDC

Mezcla HSV

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

0.0%	0.0% #9C8D86	RGB 156 141 134	#9C8D86
16.7%	16.7% #A79993	RGB 167 153 147	#A79993
33.3%	33.3% #B3A6A0	RGB 179 166 160	#B3A6A0
50.0%	50.0% #BFB4AE	RGB 191 180 174	#BFB4AE
66.7%	66.7% #CAC1BD	RGB 202 193 189	#CAC1BD
83.3%	83.3% #D6CFCC	RGB 214 207 204	#D6CFCC
100.0%	100.0% #E2DEDC	RGB 226 222 220	#E2DEDC

#9C8D86 #A79993 #B3A6A0 #BFB4AE #CAC1BD #D6CFCC #E2DEDC

#9C8D86 - #BFB4AE - #E2DEDC

Códigos CSS

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

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