#8F8F8C - #675836 | 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 #8F8F8C a #675836

#8F8F8C #675836

Calcule el color entre dos colores, #8F8F8C y #675836. 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)

#8F8F8C - #675836 | 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 #8F8F8C como 0% y #675836 como 100%.

0.0%	0.0% #8F8F8C	RGB 143 143 140	#8F8F8C
16.7%	16.7% #88857D	RGB 136 133 125	#88857D
33.3%	33.3% #817C6F	RGB 129 124 111	#817C6F
50.0%	50.0% #7B7361	RGB 123 115 97	#7B7361
66.7%	66.7% #746A52	RGB 116 106 82	#746A52
83.3%	83.3% #6D6144	RGB 109 97 68	#6D6144
100.0%	100.0% #675836	RGB 103 88 54	#675836

#8F8F8C #88857D #817C6F #7B7361 #746A52 #6D6144 #675836

#8F8F8C - #675836

Mezcla HSV

#8F8F8C - #675836 | 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 #8F8F8C como 0% y #675836 como 100%.

0.0%	0.0% #8F8F8C	RGB 143 143 140	#8F8F8C
16.7%	16.7% #88877B	RGB 136 135 123	#88877B
33.3%	33.3% #817F6B	RGB 129 127 107	#817F6B
50.0%	50.0% #7B765C	RGB 123 118 92	#7B765C
66.7%	66.7% #746C4E	RGB 116 108 78	#746C4E
83.3%	83.3% #6D6241	RGB 109 98 65	#6D6241
100.0%	100.0% #675836	RGB 103 88 54	#675836

#8F8F8C #88877B #817F6B #7B765C #746C4E #6D6241 #675836

#8F8F8C - #7B765C - #675836

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F8F8C 0%, #7B765C 50%, #675836 100%);
    background: -webkit-linear-gradient(top, #8F8F8C 0%, #7B765C 50%, #675836 100%);
    background: linear-gradient(to bottom, #8F8F8C 0%, #7B765C 50%, #675836 100%);
}
</style>