#A1A2B4 - #2E2E33 | 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 #A1A2B4 a #2E2E33

#A1A2B4 #2E2E33

Calcule el color entre dos colores, #A1A2B4 y #2E2E33. 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)

#A1A2B4 - #2E2E33 | 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 #A1A2B4 como 0% y #2E2E33 como 100%.

0.0%	0.0% #A1A2B4	RGB 161 162 180	#A1A2B4
16.7%	16.7% #8D8E9E	RGB 141 142 158	#8D8E9E
33.3%	33.3% #7A7B89	RGB 122 123 137	#7A7B89
50.0%	50.0% #676873	RGB 103 104 115	#676873
66.7%	66.7% #54545E	RGB 84 84 94	#54545E
83.3%	83.3% #414148	RGB 65 65 72	#414148
100.0%	100.0% #2E2E33	RGB 46 46 51	#2E2E33

#A1A2B4 #8D8E9E #7A7B89 #676873 #54545E #414148 #2E2E33

#A1A2B4 - #2E2E33

Mezcla HSV

#A1A2B4 - #2E2E33 | 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 #A1A2B4 como 0% y #2E2E33 como 100%.

0.0%	0.0% #A1A2B4	RGB 161 162 180	#A1A2B4
16.7%	16.7% #8D8E9E	RGB 141 142 158	#8D8E9E
33.3%	33.3% #7A7B89	RGB 122 123 137	#7A7B89
50.0%	50.0% #676873	RGB 103 104 115	#676873
66.7%	66.7% #54545E	RGB 84 84 94	#54545E
83.3%	83.3% #414148	RGB 65 65 72	#414148
100.0%	100.0% #2E2E33	RGB 46 46 51	#2E2E33

#A1A2B4 #8D8E9E #7A7B89 #676873 #54545E #414148 #2E2E33

#A1A2B4 - #676873 - #2E2E33

Códigos CSS

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

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