#A8A9A8 - #5E5653 | 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 #A8A9A8 a #5E5653

#A8A9A8 #5E5653

Calcule el color entre dos colores, #A8A9A8 y #5E5653. 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)

#A8A9A8 - #5E5653 | 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 #A8A9A8 como 0% y #5E5653 como 100%.

0.0%	0.0% #A8A9A8	RGB 168 169 168	#A8A9A8
16.7%	16.7% #9B9B99	RGB 155 155 153	#9B9B99
33.3%	33.3% #8F8D8B	RGB 143 141 139	#8F8D8B
50.0%	50.0% #837F7D	RGB 131 127 125	#837F7D
66.7%	66.7% #76716F	RGB 118 113 111	#76716F
83.3%	83.3% #6A6361	RGB 106 99 97	#6A6361
100.0%	100.0% #5E5653	RGB 94 86 83	#5E5653

#A8A9A8 #9B9B99 #8F8D8B #837F7D #76716F #6A6361 #5E5653

#A8A9A8 - #5E5653

Mezcla HSV

#A8A9A8 - #5E5653 | 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 #A8A9A8 como 0% y #5E5653 como 100%.

0.0%	0.0% #A8A9A8	RGB 168 169 168	#A8A9A8
16.7%	16.7% #999C98	RGB 153 156 152	#999C98
33.3%	33.3% #8D9089	RGB 141 144 137	#8D9089
50.0%	50.0% #82837B	RGB 130 131 123	#82837B
66.7%	66.7% #77756D	RGB 119 117 109	#77756D
83.3%	83.3% #6A6560	RGB 106 101 96	#6A6560
100.0%	100.0% #5E5653	RGB 94 86 83	#5E5653

#A8A9A8 #999C98 #8D9089 #82837B #77756D #6A6560 #5E5653

#A8A9A8 - #82837B - #5E5653

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A9A8 0%, #82837B 50%, #5E5653 100%);
    background: -webkit-linear-gradient(top, #A8A9A8 0%, #82837B 50%, #5E5653 100%);
    background: linear-gradient(to bottom, #A8A9A8 0%, #82837B 50%, #5E5653 100%);
}
</style>