#A8ABA7 - #2F302F | 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 #A8ABA7 a #2F302F

#A8ABA7 #2F302F

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

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

0.0%	0.0% #A8ABA7	RGB 168 171 167	#A8ABA7
16.7%	16.7% #939693	RGB 147 150 147	#939693
33.3%	33.3% #7F827F	RGB 127 130 127	#7F827F
50.0%	50.0% #6B6D6B	RGB 107 109 107	#6B6D6B
66.7%	66.7% #575957	RGB 87 89 87	#575957
83.3%	83.3% #434443	RGB 67 68 67	#434443
100.0%	100.0% #2F302F	RGB 47 48 47	#2F302F

#A8ABA7 #939693 #7F827F #6B6D6B #575957 #434443 #2F302F

#A8ABA7 - #2F302F

Mezcla HSV

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

0.0%	0.0% #A8ABA7	RGB 168 171 167	#A8ABA7
16.7%	16.7% #939693	RGB 147 150 147	#939693
33.3%	33.3% #7F827F	RGB 127 130 127	#7F827F
50.0%	50.0% #6B6D6B	RGB 107 109 107	#6B6D6B
66.7%	66.7% #575957	RGB 87 89 87	#575957
83.3%	83.3% #434443	RGB 67 68 67	#434443
100.0%	100.0% #2F302F	RGB 47 48 47	#2F302F

#A8ABA7 #939693 #7F827F #6B6D6B #575957 #434443 #2F302F

#A8ABA7 - #6B6D6B - #2F302F

Códigos CSS

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

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