#9D9F91 - #5E673B | 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 #9D9F91 a #5E673B

#9D9F91 #5E673B

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

#9D9F91 - #5E673B | 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 #9D9F91 como 0% y #5E673B como 100%.

0.0%	0.0% #9D9F91	RGB 157 159 145	#9D9F91
16.7%	16.7% #929582	RGB 146 149 130	#929582
33.3%	33.3% #888C74	RGB 136 140 116	#888C74
50.0%	50.0% #7D8366	RGB 125 131 102	#7D8366
66.7%	66.7% #737957	RGB 115 121 87	#737957
83.3%	83.3% #687049	RGB 104 112 73	#687049
100.0%	100.0% #5E673B	RGB 94 103 59	#5E673B

#9D9F91 #929582 #888C74 #7D8366 #737957 #687049 #5E673B

#9D9F91 - #5E673B

Mezcla HSV

#9D9F91 - #5E673B | 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 #9D9F91 como 0% y #5E673B como 100%.

0.0%	0.0% #9D9F91	RGB 157 159 145	#9D9F91
16.7%	16.7% #929580	RGB 146 149 128	#929580
33.3%	33.3% #878C70	RGB 135 140 112	#878C70
50.0%	50.0% #7D8361	RGB 125 131 97	#7D8361
66.7%	66.7% #727953	RGB 114 121 83	#727953
83.3%	83.3% #687046	RGB 104 112 70	#687046
100.0%	100.0% #5E673B	RGB 94 103 59	#5E673B

#9D9F91 #929580 #878C70 #7D8361 #727953 #687046 #5E673B

#9D9F91 - #7D8361 - #5E673B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D9F91 0%, #7D8361 50%, #5E673B 100%);
    background: -webkit-linear-gradient(top, #9D9F91 0%, #7D8361 50%, #5E673B 100%);
    background: linear-gradient(to bottom, #9D9F91 0%, #7D8361 50%, #5E673B 100%);
}
</style>