#9F988C - #E3E1DE | 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 #9F988C a #E3E1DE

#9F988C #E3E1DE

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

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

0.0%	0.0% #9F988C	RGB 159 152 140	#9F988C
16.7%	16.7% #AAA499	RGB 170 164 153	#AAA499
33.3%	33.3% #B5B0A7	RGB 181 176 167	#B5B0A7
50.0%	50.0% #C1BCB5	RGB 193 188 181	#C1BCB5
66.7%	66.7% #CCC8C2	RGB 204 200 194	#CCC8C2
83.3%	83.3% #D7D4D0	RGB 215 212 208	#D7D4D0
100.0%	100.0% #E3E1DE	RGB 227 225 222	#E3E1DE

#9F988C #AAA499 #B5B0A7 #C1BCB5 #CCC8C2 #D7D4D0 #E3E1DE

#9F988C - #E3E1DE

Mezcla HSV

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

0.0%	0.0% #9F988C	RGB 159 152 140	#9F988C
16.7%	16.7% #AAA398	RGB 170 163 152	#AAA398
33.3%	33.3% #B5AFA5	RGB 181 175 165	#B5AFA5
50.0%	50.0% #C1BBB3	RGB 193 187 179	#C1BBB3
66.7%	66.7% #CCC7C1	RGB 204 199 193	#CCC7C1
83.3%	83.3% #D7D4CF	RGB 215 212 207	#D7D4CF
100.0%	100.0% #E3E1DE	RGB 227 225 222	#E3E1DE

#9F988C #AAA398 #B5AFA5 #C1BBB3 #CCC7C1 #D7D4CF #E3E1DE

#9F988C - #C1BBB3 - #E3E1DE

Códigos CSS

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

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