#AAA9A8 - #886652 | 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 #AAA9A8 a #886652

#AAA9A8 #886652

Calcule el color entre dos colores, #AAA9A8 y #886652. 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)

#AAA9A8 - #886652 | 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 #AAA9A8 como 0% y #886652 como 100%.

0.0%	0.0% #AAA9A8	RGB 170 169 168	#AAA9A8
16.7%	16.7% #A49D99	RGB 164 157 153	#A49D99
33.3%	33.3% #9E928B	RGB 158 146 139	#9E928B
50.0%	50.0% #99877D	RGB 153 135 125	#99877D
66.7%	66.7% #937C6E	RGB 147 124 110	#937C6E
83.3%	83.3% #8D7160	RGB 141 113 96	#8D7160
100.0%	100.0% #886652	RGB 136 102 82	#886652

#AAA9A8 #A49D99 #9E928B #99877D #937C6E #8D7160 #886652

#AAA9A8 - #886652

Mezcla HSV

#AAA9A8 - #886652 | 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 #AAA9A8 como 0% y #886652 como 100%.

0.0%	0.0% #AAA9A8	RGB 170 169 168	#AAA9A8
16.7%	16.7% #A49D97	RGB 164 157 151	#A49D97
33.3%	33.3% #9E9288	RGB 158 146 136	#9E9288
50.0%	50.0% #998779	RGB 153 135 121	#998779
66.7%	66.7% #937C6B	RGB 147 124 107	#937C6B
83.3%	83.3% #8D705E	RGB 141 112 94	#8D705E
100.0%	100.0% #886652	RGB 136 102 82	#886652

#AAA9A8 #A49D97 #9E9288 #998779 #937C6B #8D705E #886652

#AAA9A8 - #998779 - #886652

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAA9A8 0%, #998779 50%, #886652 100%);
    background: -webkit-linear-gradient(top, #AAA9A8 0%, #998779 50%, #886652 100%);
    background: linear-gradient(to bottom, #AAA9A8 0%, #998779 50%, #886652 100%);
}
</style>