#9D9F8E - #5E6738 | 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 #9D9F8E a #5E6738

#9D9F8E #5E6738

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

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

0.0%	0.0% #9D9F8E	RGB 157 159 142	#9D9F8E
16.7%	16.7% #92957F	RGB 146 149 127	#92957F
33.3%	33.3% #888C71	RGB 136 140 113	#888C71
50.0%	50.0% #7D8363	RGB 125 131 99	#7D8363
66.7%	66.7% #737954	RGB 115 121 84	#737954
83.3%	83.3% #687046	RGB 104 112 70	#687046
100.0%	100.0% #5E6738	RGB 94 103 56	#5E6738

#9D9F8E #92957F #888C71 #7D8363 #737954 #687046 #5E6738

#9D9F8E - #5E6738

Mezcla HSV

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

0.0%	0.0% #9D9F8E	RGB 157 159 142	#9D9F8E
16.7%	16.7% #92957C	RGB 146 149 124	#92957C
33.3%	33.3% #878C6C	RGB 135 140 108	#878C6C
50.0%	50.0% #7D835E	RGB 125 131 94	#7D835E
66.7%	66.7% #727950	RGB 114 121 80	#727950
83.3%	83.3% #687043	RGB 104 112 67	#687043
100.0%	100.0% #5E6738	RGB 94 103 56	#5E6738

#9D9F8E #92957C #878C6C #7D835E #727950 #687043 #5E6738

#9D9F8E - #7D835E - #5E6738

Códigos CSS

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

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