#9F9C8F - #78613A | 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 #9F9C8F a #78613A

#9F9C8F #78613A

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

#9F9C8F - #78613A | 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 #9F9C8F como 0% y #78613A como 100%.

0.0%	0.0% #9F9C8F	RGB 159 156 143	#9F9C8F
16.7%	16.7% #989280	RGB 152 146 128	#989280
33.3%	33.3% #928872	RGB 146 136 114	#928872
50.0%	50.0% #8B7E64	RGB 139 126 100	#8B7E64
66.7%	66.7% #857456	RGB 133 116 86	#857456
83.3%	83.3% #7E6A48	RGB 126 106 72	#7E6A48
100.0%	100.0% #78613A	RGB 120 97 58	#78613A

#9F9C8F #989280 #928872 #8B7E64 #857456 #7E6A48 #78613A

#9F9C8F - #78613A

Mezcla HSV

#9F9C8F - #78613A | 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 #9F9C8F como 0% y #78613A como 100%.

0.0%	0.0% #9F9C8F	RGB 159 156 143	#9F9C8F
16.7%	16.7% #98927E	RGB 152 146 126	#98927E
33.3%	33.3% #92896F	RGB 146 137 111	#92896F
50.0%	50.0% #8B7F60	RGB 139 127 96	#8B7F60
66.7%	66.7% #857552	RGB 133 117 82	#857552
83.3%	83.3% #7E6B45	RGB 126 107 69	#7E6B45
100.0%	100.0% #78613A	RGB 120 97 58	#78613A

#9F9C8F #98927E #92896F #8B7F60 #857552 #7E6B45 #78613A

#9F9C8F - #8B7F60 - #78613A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F9C8F 0%, #8B7F60 50%, #78613A 100%);
    background: -webkit-linear-gradient(top, #9F9C8F 0%, #8B7F60 50%, #78613A 100%);
    background: linear-gradient(to bottom, #9F9C8F 0%, #8B7F60 50%, #78613A 100%);
}
</style>