#A0AF91 - #597E3C | 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 #A0AF91 a #597E3C

#A0AF91 #597E3C

Calcule el color entre dos colores, #A0AF91 y #597E3C. 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)

#A0AF91 - #597E3C | 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 #A0AF91 como 0% y #597E3C como 100%.

0.0%	0.0% #A0AF91	RGB 160 175 145	#A0AF91
16.7%	16.7% #94A682	RGB 148 166 130	#94A682
33.3%	33.3% #889E74	RGB 136 158 116	#889E74
50.0%	50.0% #7C9666	RGB 124 150 102	#7C9666
66.7%	66.7% #708E58	RGB 112 142 88	#708E58
83.3%	83.3% #64864A	RGB 100 134 74	#64864A
100.0%	100.0% #597E3C	RGB 89 126 60	#597E3C

#A0AF91 #94A682 #889E74 #7C9666 #708E58 #64864A #597E3C

#A0AF91 - #597E3C

Mezcla HSV

#A0AF91 - #597E3C | 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 #A0AF91 como 0% y #597E3C como 100%.

0.0%	0.0% #A0AF91	RGB 160 175 145	#A0AF91
16.7%	16.7% #93A680	RGB 147 166 128	#93A680
33.3%	33.3% #869E70	RGB 134 158 112	#869E70
50.0%	50.0% #7A9662	RGB 122 150 98	#7A9662
66.7%	66.7% #6F8E54	RGB 111 142 84	#6F8E54
83.3%	83.3% #638647	RGB 99 134 71	#638647
100.0%	100.0% #597E3C	RGB 89 126 60	#597E3C

#A0AF91 #93A680 #869E70 #7A9662 #6F8E54 #638647 #597E3C

#A0AF91 - #7A9662 - #597E3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0AF91 0%, #7A9662 50%, #597E3C 100%);
    background: -webkit-linear-gradient(top, #A0AF91 0%, #7A9662 50%, #597E3C 100%);
    background: linear-gradient(to bottom, #A0AF91 0%, #7A9662 50%, #597E3C 100%);
}
</style>