#9C9F84 - #E2E3DB | 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 #9C9F84 a #E2E3DB

#9C9F84 #E2E3DB

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

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

0.0%	0.0% #9C9F84	RGB 156 159 132	#9C9F84
16.7%	16.7% #A7AA92	RGB 167 170 146	#A7AA92
33.3%	33.3% #B3B5A1	RGB 179 181 161	#B3B5A1
50.0%	50.0% #BFC1AF	RGB 191 193 175	#BFC1AF
66.7%	66.7% #CACCBE	RGB 202 204 190	#CACCBE
83.3%	83.3% #D6D7CC	RGB 214 215 204	#D6D7CC
100.0%	100.0% #E2E3DB	RGB 226 227 219	#E2E3DB

#9C9F84 #A7AA92 #B3B5A1 #BFC1AF #CACCBE #D6D7CC #E2E3DB

#9C9F84 - #E2E3DB

Mezcla HSV

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

0.0%	0.0% #9C9F84	RGB 156 159 132	#9C9F84
16.7%	16.7% #A7AA91	RGB 167 170 145	#A7AA91
33.3%	33.3% #B3B59E	RGB 179 181 158	#B3B59E
50.0%	50.0% #BEC1AD	RGB 190 193 173	#BEC1AD
66.7%	66.7% #CACCBB	RGB 202 204 187	#CACCBB
83.3%	83.3% #D6D7CB	RGB 214 215 203	#D6D7CB
100.0%	100.0% #E2E3DB	RGB 226 227 219	#E2E3DB

#9C9F84 #A7AA91 #B3B59E #BEC1AD #CACCBB #D6D7CB #E2E3DB

#9C9F84 - #BEC1AD - #E2E3DB

Códigos CSS

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

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