#AEAEA8 - #817452 | 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 #AEAEA8 a #817452

#AEAEA8 #817452

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

#AEAEA8 - #817452 | 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 #AEAEA8 como 0% y #817452 como 100%.

0.0%	0.0% #AEAEA8	RGB 174 174 168	#AEAEA8
16.7%	16.7% #A6A499	RGB 166 164 153	#A6A499
33.3%	33.3% #9F9A8B	RGB 159 154 139	#9F9A8B
50.0%	50.0% #97917D	RGB 151 145 125	#97917D
66.7%	66.7% #90876E	RGB 144 135 110	#90876E
83.3%	83.3% #887D60	RGB 136 125 96	#887D60
100.0%	100.0% #817452	RGB 129 116 82	#817452

#AEAEA8 #A6A499 #9F9A8B #97917D #90876E #887D60 #817452

#AEAEA8 - #817452

Mezcla HSV

#AEAEA8 - #817452 | 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 #AEAEA8 como 0% y #817452 como 100%.

0.0%	0.0% #AEAEA8	RGB 174 174 168	#AEAEA8
16.7%	16.7% #A6A597	RGB 166 165 151	#A6A597
33.3%	33.3% #9F9C88	RGB 159 156 136	#9F9C88
50.0%	50.0% #979379	RGB 151 147 121	#979379
66.7%	66.7% #90896B	RGB 144 137 107	#90896B
83.3%	83.3% #887E5E	RGB 136 126 94	#887E5E
100.0%	100.0% #817452	RGB 129 116 82	#817452

#AEAEA8 #A6A597 #9F9C88 #979379 #90896B #887E5E #817452

#AEAEA8 - #979379 - #817452

Códigos CSS

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

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