#A6A8AE - #E5E6E7 | 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 #A6A8AE a #E5E6E7

#A6A8AE #E5E6E7

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

#A6A8AE - #E5E6E7 | 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 #A6A8AE como 0% y #E5E6E7 como 100%.

0.0%	0.0% #A6A8AE	RGB 166 168 174	#A6A8AE
16.7%	16.7% #B0B2B7	RGB 176 178 183	#B0B2B7
33.3%	33.3% #BBBCC1	RGB 187 188 193	#BBBCC1
50.0%	50.0% #C5C7CA	RGB 197 199 202	#C5C7CA
66.7%	66.7% #D0D1D4	RGB 208 209 212	#D0D1D4
83.3%	83.3% #DADBDD	RGB 218 219 221	#DADBDD
100.0%	100.0% #E5E6E7	RGB 229 230 231	#E5E6E7

#A6A8AE #B0B2B7 #BBBCC1 #C5C7CA #D0D1D4 #DADBDD #E5E6E7

#A6A8AE - #E5E6E7

Mezcla HSV

#A6A8AE - #E5E6E7 | 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 #A6A8AE como 0% y #E5E6E7 como 100%.

0.0%	0.0% #A6A8AE	RGB 166 168 174	#A6A8AE
16.7%	16.7% #B0B2B7	RGB 176 178 183	#B0B2B7
33.3%	33.3% #BABCC1	RGB 186 188 193	#BABCC1
50.0%	50.0% #C4C7CA	RGB 196 199 202	#C4C7CA
66.7%	66.7% #CFD1D4	RGB 207 209 212	#CFD1D4
83.3%	83.3% #DADBDD	RGB 218 219 221	#DADBDD
100.0%	100.0% #E5E6E7	RGB 229 230 231	#E5E6E7

#A6A8AE #B0B2B7 #BABCC1 #C4C7CA #CFD1D4 #DADBDD #E5E6E7

#A6A8AE - #C4C7CA - #E5E6E7

Códigos CSS

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

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