#938682 - #5E3C2D | 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 #938682 a #5E3C2D

#938682 #5E3C2D

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

#938682 - #5E3C2D | 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 #938682 como 0% y #5E3C2D como 100%.

0.0%	0.0% #938682	RGB 147 134 130	#938682
16.7%	16.7% #8A7973	RGB 138 121 115	#8A7973
33.3%	33.3% #816D65	RGB 129 109 101	#816D65
50.0%	50.0% #786157	RGB 120 97 87	#786157
66.7%	66.7% #6F5449	RGB 111 84 73	#6F5449
83.3%	83.3% #66483B	RGB 102 72 59	#66483B
100.0%	100.0% #5E3C2D	RGB 94 60 45	#5E3C2D

#938682 #8A7973 #816D65 #786157 #6F5449 #66483B #5E3C2D

#938682 - #5E3C2D

Mezcla HSV

#938682 - #5E3C2D | 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 #938682 como 0% y #5E3C2D como 100%.

0.0%	0.0% #938682	RGB 147 134 130	#938682
16.7%	16.7% #8A7770	RGB 138 119 112	#8A7770
33.3%	33.3% #816960	RGB 129 105 96	#816960
50.0%	50.0% #785C52	RGB 120 92 82	#785C52
66.7%	66.7% #6F5044	RGB 111 80 68	#6F5044
83.3%	83.3% #664538	RGB 102 69 56	#664538
100.0%	100.0% #5E3C2D	RGB 94 60 45	#5E3C2D

#938682 #8A7770 #816960 #785C52 #6F5044 #664538 #5E3C2D

#938682 - #785C52 - #5E3C2D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #938682 0%, #785C52 50%, #5E3C2D 100%);
    background: -webkit-linear-gradient(top, #938682 0%, #785C52 50%, #5E3C2D 100%);
    background: linear-gradient(to bottom, #938682 0%, #785C52 50%, #5E3C2D 100%);
}
</style>