#8B8D7E - #4F582A | 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 #8B8D7E a #4F582A

#8B8D7E #4F582A

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

#8B8D7E - #4F582A | 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 #8B8D7E como 0% y #4F582A como 100%.

0.0%	0.0% #8B8D7E	RGB 139 141 126	#8B8D7E
16.7%	16.7% #818470	RGB 129 132 112	#818470
33.3%	33.3% #777B62	RGB 119 123 98	#777B62
50.0%	50.0% #6D7254	RGB 109 114 84	#6D7254
66.7%	66.7% #636946	RGB 99 105 70	#636946
83.3%	83.3% #596038	RGB 89 96 56	#596038
100.0%	100.0% #4F582A	RGB 79 88 42	#4F582A

#8B8D7E #818470 #777B62 #6D7254 #636946 #596038 #4F582A

#8B8D7E - #4F582A

Mezcla HSV

#8B8D7E - #4F582A | 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 #8B8D7E como 0% y #4F582A como 100%.

0.0%	0.0% #8B8D7E	RGB 139 141 126	#8B8D7E
16.7%	16.7% #80846C	RGB 128 132 108	#80846C
33.3%	33.3% #767B5D	RGB 118 123 93	#767B5D
50.0%	50.0% #6C724E	RGB 108 114 78	#6C724E
66.7%	66.7% #626941	RGB 98 105 65	#626941
83.3%	83.3% #586034	RGB 88 96 52	#586034
100.0%	100.0% #4F582A	RGB 79 88 42	#4F582A

#8B8D7E #80846C #767B5D #6C724E #626941 #586034 #4F582A

#8B8D7E - #6C724E - #4F582A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B8D7E 0%, #6C724E 50%, #4F582A 100%);
    background: -webkit-linear-gradient(top, #8B8D7E 0%, #6C724E 50%, #4F582A 100%);
    background: linear-gradient(to bottom, #8B8D7E 0%, #6C724E 50%, #4F582A 100%);
}
</style>