#A8AD5E - #837E1B | 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 #A8AD5E a #837E1B

#A8AD5E #837E1B

Calcule el color entre dos colores, #A8AD5E y #837E1B. 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)

#A8AD5E - #837E1B | 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 #A8AD5E como 0% y #837E1B como 100%.

0.0%	0.0% #A8AD5E	RGB 168 173 94	#A8AD5E
16.7%	16.7% #A1A552	RGB 161 165 82	#A1A552
33.3%	33.3% #9B9D47	RGB 155 157 71	#9B9D47
50.0%	50.0% #95953C	RGB 149 149 60	#95953C
66.7%	66.7% #8F8D31	RGB 143 141 49	#8F8D31
83.3%	83.3% #898526	RGB 137 133 38	#898526
100.0%	100.0% #837E1B	RGB 131 126 27	#837E1B

#A8AD5E #A1A552 #9B9D47 #95953C #8F8D31 #898526 #837E1B

#A8AD5E - #837E1B

Mezcla HSV

#A8AD5E - #837E1B | 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 #A8AD5E como 0% y #837E1B como 100%.

0.0%	0.0% #A8AD5E	RGB 168 173 94	#A8AD5E
16.7%	16.7% #A2A650	RGB 162 166 80	#A2A650
33.3%	33.3% #9C9F44	RGB 156 159 68	#9C9F44
50.0%	50.0% #979838	RGB 151 152 56	#979838
66.7%	66.7% #918F2E	RGB 145 143 46	#918F2E
83.3%	83.3% #8A8624	RGB 138 134 36	#8A8624
100.0%	100.0% #837E1B	RGB 131 126 27	#837E1B

#A8AD5E #A2A650 #9C9F44 #979838 #918F2E #8A8624 #837E1B

#A8AD5E - #979838 - #837E1B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AD5E 0%, #979838 50%, #837E1B 100%);
    background: -webkit-linear-gradient(top, #A8AD5E 0%, #979838 50%, #837E1B 100%);
    background: linear-gradient(to bottom, #A8AD5E 0%, #979838 50%, #837E1B 100%);
}
</style>