#A4A5A1 - #616D4A | 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 #A4A5A1 a #616D4A

#A4A5A1 #616D4A

Calcule el color entre dos colores, #A4A5A1 y #616D4A. 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)

#A4A5A1 - #616D4A | 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 #A4A5A1 como 0% y #616D4A como 100%.

0.0%	0.0% #A4A5A1	RGB 164 165 161	#A4A5A1
16.7%	16.7% #989B92	RGB 152 155 146	#989B92
33.3%	33.3% #8D9284	RGB 141 146 132	#8D9284
50.0%	50.0% #828975	RGB 130 137 117	#828975
66.7%	66.7% #777F67	RGB 119 127 103	#777F67
83.3%	83.3% #6C7658	RGB 108 118 88	#6C7658
100.0%	100.0% #616D4A	RGB 97 109 74	#616D4A

#A4A5A1 #989B92 #8D9284 #828975 #777F67 #6C7658 #616D4A

#A4A5A1 - #616D4A

Mezcla HSV

#A4A5A1 - #616D4A | 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 #A4A5A1 como 0% y #616D4A como 100%.

0.0%	0.0% #A4A5A1	RGB 164 165 161	#A4A5A1
16.7%	16.7% #989B90	RGB 152 155 144	#989B90
33.3%	33.3% #8D9280	RGB 141 146 128	#8D9280
50.0%	50.0% #818971	RGB 129 137 113	#818971
66.7%	66.7% #767F63	RGB 118 127 99	#767F63
83.3%	83.3% #6B7656	RGB 107 118 86	#6B7656
100.0%	100.0% #616D4A	RGB 97 109 74	#616D4A

#A4A5A1 #989B90 #8D9280 #818971 #767F63 #6B7656 #616D4A

#A4A5A1 - #818971 - #616D4A

Códigos CSS

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

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