#A2AFAC - #2E3231 | 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 #A2AFAC a #2E3231

#A2AFAC #2E3231

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

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

0.0%	0.0% #A2AFAC	RGB 162 175 172	#A2AFAC
16.7%	16.7% #8E9A97	RGB 142 154 151	#8E9A97
33.3%	33.3% #7B8583	RGB 123 133 131	#7B8583
50.0%	50.0% #68706E	RGB 104 112 110	#68706E
66.7%	66.7% #545B5A	RGB 84 91 90	#545B5A
83.3%	83.3% #414645	RGB 65 70 69	#414645
100.0%	100.0% #2E3231	RGB 46 50 49	#2E3231

#A2AFAC #8E9A97 #7B8583 #68706E #545B5A #414645 #2E3231

#A2AFAC - #2E3231

Mezcla HSV

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

0.0%	0.0% #A2AFAC	RGB 162 175 172	#A2AFAC
16.7%	16.7% #8E9A97	RGB 142 154 151	#8E9A97
33.3%	33.3% #7B8582	RGB 123 133 130	#7B8582
50.0%	50.0% #67706E	RGB 103 112 110	#67706E
66.7%	66.7% #545B59	RGB 84 91 89	#545B59
83.3%	83.3% #414645	RGB 65 70 69	#414645
100.0%	100.0% #2E3231	RGB 46 50 49	#2E3231

#A2AFAC #8E9A97 #7B8582 #67706E #545B59 #414645 #2E3231

#A2AFAC - #67706E - #2E3231

Códigos CSS

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

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