#A0A291 - #616A3B | 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 #A0A291 a #616A3B

#A0A291 #616A3B

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

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

0.0%	0.0% #A0A291	RGB 160 162 145	#A0A291
16.7%	16.7% #959882	RGB 149 152 130	#959882
33.3%	33.3% #8B8F74	RGB 139 143 116	#8B8F74
50.0%	50.0% #808666	RGB 128 134 102	#808666
66.7%	66.7% #767C57	RGB 118 124 87	#767C57
83.3%	83.3% #6B7349	RGB 107 115 73	#6B7349
100.0%	100.0% #616A3B	RGB 97 106 59	#616A3B

#A0A291 #959882 #8B8F74 #808666 #767C57 #6B7349 #616A3B

#A0A291 - #616A3B

Mezcla HSV

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

0.0%	0.0% #A0A291	RGB 160 162 145	#A0A291
16.7%	16.7% #959880	RGB 149 152 128	#959880
33.3%	33.3% #8A8F70	RGB 138 143 112	#8A8F70
50.0%	50.0% #808661	RGB 128 134 97	#808661
66.7%	66.7% #757C53	RGB 117 124 83	#757C53
83.3%	83.3% #6B7346	RGB 107 115 70	#6B7346
100.0%	100.0% #616A3B	RGB 97 106 59	#616A3B

#A0A291 #959880 #8A8F70 #808661 #757C53 #6B7346 #616A3B

#A0A291 - #808661 - #616A3B

Códigos CSS

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

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