#AEAEA0 - #82754B | 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 #AEAEA0 a #82754B

#AEAEA0 #82754B

Calcule el color entre dos colores, #AEAEA0 y #82754B. 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)

#AEAEA0 - #82754B | 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 #AEAEA0 como 0% y #82754B como 100%.

0.0%	0.0% #AEAEA0	RGB 174 174 160	#AEAEA0
16.7%	16.7% #A6A491	RGB 166 164 145	#A6A491
33.3%	33.3% #9F9B83	RGB 159 155 131	#9F9B83
50.0%	50.0% #989175	RGB 152 145 117	#989175
66.7%	66.7% #908867	RGB 144 136 103	#908867
83.3%	83.3% #897E59	RGB 137 126 89	#897E59
100.0%	100.0% #82754B	RGB 130 117 75	#82754B

#AEAEA0 #A6A491 #9F9B83 #989175 #908867 #897E59 #82754B

#AEAEA0 - #82754B

Mezcla HSV

#AEAEA0 - #82754B | 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 #AEAEA0 como 0% y #82754B como 100%.

0.0%	0.0% #AEAEA0	RGB 174 174 160	#AEAEA0
16.7%	16.7% #A6A58F	RGB 166 165 143	#A6A58F
33.3%	33.3% #9F9C80	RGB 159 156 128	#9F9C80
50.0%	50.0% #989371	RGB 152 147 113	#989371
66.7%	66.7% #908963	RGB 144 137 99	#908963
83.3%	83.3% #897F57	RGB 137 127 87	#897F57
100.0%	100.0% #82754B	RGB 130 117 75	#82754B

#AEAEA0 #A6A58F #9F9C80 #989371 #908963 #897F57 #82754B

#AEAEA0 - #989371 - #82754B

Códigos CSS

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

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