#AAA29E - #8C5D48 | 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 #AAA29E a #8C5D48

#AAA29E #8C5D48

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

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

0.0%	0.0% #AAA29E	RGB 170 162 158	#AAA29E
16.7%	16.7% #A5968F	RGB 165 150 143	#A5968F
33.3%	33.3% #A08B81	RGB 160 139 129	#A08B81
50.0%	50.0% #9B7F73	RGB 155 127 115	#9B7F73
66.7%	66.7% #967464	RGB 150 116 100	#967464
83.3%	83.3% #916856	RGB 145 104 86	#916856
100.0%	100.0% #8C5D48	RGB 140 93 72	#8C5D48

#AAA29E #A5968F #A08B81 #9B7F73 #967464 #916856 #8C5D48

#AAA29E - #8C5D48

Mezcla HSV

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

0.0%	0.0% #AAA29E	RGB 170 162 158	#AAA29E
16.7%	16.7% #A5958D	RGB 165 149 141	#A5958D
33.3%	33.3% #A0897E	RGB 160 137 126	#A0897E
50.0%	50.0% #9B7D6F	RGB 155 125 111	#9B7D6F
66.7%	66.7% #967261	RGB 150 114 97	#967261
83.3%	83.3% #916754	RGB 145 103 84	#916754
100.0%	100.0% #8C5D48	RGB 140 93 72	#8C5D48

#AAA29E #A5958D #A0897E #9B7D6F #967261 #916754 #8C5D48

#AAA29E - #9B7D6F - #8C5D48

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAA29E 0%, #9B7D6F 50%, #8C5D48 100%);
    background: -webkit-linear-gradient(top, #AAA29E 0%, #9B7D6F 50%, #8C5D48 100%);
    background: linear-gradient(to bottom, #AAA29E 0%, #9B7D6F 50%, #8C5D48 100%);
}
</style>