#AAA9A7 - #E6E5E5 | 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 #AAA9A7 a #E6E5E5

#AAA9A7 #E6E5E5

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

#AAA9A7 - #E6E5E5 | 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 #AAA9A7 como 0% y #E6E5E5 como 100%.

0.0%	0.0% #AAA9A7	RGB 170 169 167	#AAA9A7
16.7%	16.7% #B4B3B1	RGB 180 179 177	#B4B3B1
33.3%	33.3% #BEBDBB	RGB 190 189 187	#BEBDBB
50.0%	50.0% #C8C7C6	RGB 200 199 198	#C8C7C6
66.7%	66.7% #D2D1D0	RGB 210 209 208	#D2D1D0
83.3%	83.3% #DCDBDA	RGB 220 219 218	#DCDBDA
100.0%	100.0% #E6E5E5	RGB 230 229 229	#E6E5E5

#AAA9A7 #B4B3B1 #BEBDBB #C8C7C6 #D2D1D0 #DCDBDA #E6E5E5

#AAA9A7 - #E6E5E5

Mezcla HSV

#AAA9A7 - #E6E5E5 | 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 #AAA9A7 como 0% y #E6E5E5 como 100%.

0.0%	0.0% #AAA9A7	RGB 170 169 167	#AAA9A7
16.7%	16.7% #B4B2B1	RGB 180 178 177	#B4B2B1
33.3%	33.3% #BEBCBB	RGB 190 188 187	#BEBCBB
50.0%	50.0% #C8C6C5	RGB 200 198 197	#C8C6C5
66.7%	66.7% #D2D0D0	RGB 210 208 208	#D2D0D0
83.3%	83.3% #DCDADA	RGB 220 218 218	#DCDADA
100.0%	100.0% #E6E5E5	RGB 230 229 229	#E6E5E5

#AAA9A7 #B4B2B1 #BEBCBB #C8C6C5 #D2D0D0 #DCDADA #E6E5E5

#AAA9A7 - #C8C6C5 - #E6E5E5

Códigos CSS

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

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