#A2A2A2 - #8C584C | 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 #A2A2A2 a #8C584C

#A2A2A2 #8C584C

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

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

0.0%	0.0% #A2A2A2	RGB 162 162 162	#A2A2A2
16.7%	16.7% #9E9593	RGB 158 149 147	#9E9593
33.3%	33.3% #9A8985	RGB 154 137 133	#9A8985
50.0%	50.0% #977D77	RGB 151 125 119	#977D77
66.7%	66.7% #937068	RGB 147 112 104	#937068
83.3%	83.3% #8F645A	RGB 143 100 90	#8F645A
100.0%	100.0% #8C584C	RGB 140 88 76	#8C584C

#A2A2A2 #9E9593 #9A8985 #977D77 #937068 #8F645A #8C584C

#A2A2A2 - #8C584C

Mezcla HSV

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

0.0%	0.0% #A2A2A2	RGB 162 162 162	#A2A2A2
16.7%	16.7% #9E9292	RGB 158 146 146	#9E9292
33.3%	33.3% #9A8483	RGB 154 132 131	#9A8483
50.0%	50.0% #977774	RGB 151 119 116	#977774
66.7%	66.7% #936C66	RGB 147 108 102	#936C66
83.3%	83.3% #8F6158	RGB 143 97 88	#8F6158
100.0%	100.0% #8C584C	RGB 140 88 76	#8C584C

#A2A2A2 #9E9292 #9A8483 #977774 #936C66 #8F6158 #8C584C

#A2A2A2 - #977774 - #8C584C

Códigos CSS

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

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