#848675 - #4A5223 | 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 #848675 a #4A5223

#848675 #4A5223

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

#848675 - #4A5223 | 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 #848675 como 0% y #4A5223 como 100%.

0.0%	0.0% #848675	RGB 132 134 117	#848675
16.7%	16.7% #7A7D67	RGB 122 125 103	#7A7D67
33.3%	33.3% #707459	RGB 112 116 89	#707459
50.0%	50.0% #676C4C	RGB 103 108 76	#676C4C
66.7%	66.7% #5D633E	RGB 93 99 62	#5D633E
83.3%	83.3% #535A30	RGB 83 90 48	#535A30
100.0%	100.0% #4A5223	RGB 74 82 35	#4A5223

#848675 #7A7D67 #707459 #676C4C #5D633E #535A30 #4A5223

#848675 - #4A5223

Mezcla HSV

#848675 - #4A5223 | 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 #848675 como 0% y #4A5223 como 100%.

0.0%	0.0% #848675	RGB 132 134 117	#848675
16.7%	16.7% #7A7D64	RGB 122 125 100	#7A7D64
33.3%	33.3% #707454	RGB 112 116 84	#707454
50.0%	50.0% #666C46	RGB 102 108 70	#666C46
66.7%	66.7% #5C6339	RGB 92 99 57	#5C6339
83.3%	83.3% #535A2D	RGB 83 90 45	#535A2D
100.0%	100.0% #4A5223	RGB 74 82 35	#4A5223

#848675 #7A7D64 #707454 #666C46 #5C6339 #535A2D #4A5223

#848675 - #666C46 - #4A5223

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #848675 0%, #666C46 50%, #4A5223 100%);
    background: -webkit-linear-gradient(top, #848675 0%, #666C46 50%, #4A5223 100%);
    background: linear-gradient(to bottom, #848675 0%, #666C46 50%, #4A5223 100%);
}
</style>