#A2A6A8 - #E4E5E6 | 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 #A2A6A8 a #E4E5E6

#A2A6A8 #E4E5E6

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

#A2A6A8 - #E4E5E6 | 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 #A2A6A8 como 0% y #E4E5E6 como 100%.

0.0%	0.0% #A2A6A8	RGB 162 166 168	#A2A6A8
16.7%	16.7% #ADB0B2	RGB 173 176 178	#ADB0B2
33.3%	33.3% #B8BBBC	RGB 184 187 188	#B8BBBC
50.0%	50.0% #C3C5C7	RGB 195 197 199	#C3C5C7
66.7%	66.7% #CED0D1	RGB 206 208 209	#CED0D1
83.3%	83.3% #D9DADB	RGB 217 218 219	#D9DADB
100.0%	100.0% #E4E5E6	RGB 228 229 230	#E4E5E6

#A2A6A8 #ADB0B2 #B8BBBC #C3C5C7 #CED0D1 #D9DADB #E4E5E6

#A2A6A8 - #E4E5E6

Mezcla HSV

#A2A6A8 - #E4E5E6 | 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 #A2A6A8 como 0% y #E4E5E6 como 100%.

0.0%	0.0% #A2A6A8	RGB 162 166 168	#A2A6A8
16.7%	16.7% #ACB0B2	RGB 172 176 178	#ACB0B2
33.3%	33.3% #B7BABC	RGB 183 186 188	#B7BABC
50.0%	50.0% #C2C5C7	RGB 194 197 199	#C2C5C7
66.7%	66.7% #CDCFD1	RGB 205 207 209	#CDCFD1
83.3%	83.3% #D8DADB	RGB 216 218 219	#D8DADB
100.0%	100.0% #E4E5E6	RGB 228 229 230	#E4E5E6

#A2A6A8 #ACB0B2 #B7BABC #C2C5C7 #CDCFD1 #D8DADB #E4E5E6

#A2A6A8 - #C2C5C7 - #E4E5E6

Códigos CSS

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

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