#A8AC5E - #69741A | 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 #A8AC5E a #69741A

#A8AC5E #69741A

Calcule el color entre dos colores, #A8AC5E y #69741A. 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)

#A8AC5E - #69741A | 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 #A8AC5E como 0% y #69741A como 100%.

0.0%	0.0% #A8AC5E	RGB 168 172 94	#A8AC5E
16.7%	16.7% #9DA252	RGB 157 162 82	#9DA252
33.3%	33.3% #939947	RGB 147 153 71	#939947
50.0%	50.0% #88903C	RGB 136 144 60	#88903C
66.7%	66.7% #7E8630	RGB 126 134 48	#7E8630
83.3%	83.3% #737D25	RGB 115 125 37	#737D25
100.0%	100.0% #69741A	RGB 105 116 26	#69741A

#A8AC5E #9DA252 #939947 #88903C #7E8630 #737D25 #69741A

#A8AC5E - #69741A

Mezcla HSV

#A8AC5E - #69741A | 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 #A8AC5E como 0% y #69741A como 100%.

0.0%	0.0% #A8AC5E	RGB 168 172 94	#A8AC5E
16.7%	16.7% #9DA250	RGB 157 162 80	#9DA250
33.3%	33.3% #929943	RGB 146 153 67	#929943
50.0%	50.0% #889037	RGB 136 144 55	#889037
66.7%	66.7% #7D862C	RGB 125 134 44	#7D862C
83.3%	83.3% #737D22	RGB 115 125 34	#737D22
100.0%	100.0% #69741A	RGB 105 116 26	#69741A

#A8AC5E #9DA250 #929943 #889037 #7D862C #737D22 #69741A

#A8AC5E - #889037 - #69741A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AC5E 0%, #889037 50%, #69741A 100%);
    background: -webkit-linear-gradient(top, #A8AC5E 0%, #889037 50%, #69741A 100%);
    background: linear-gradient(to bottom, #A8AC5E 0%, #889037 50%, #69741A 100%);
}
</style>