#ADAB5E - #81731B | 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 #ADAB5E a #81731B

#ADAB5E #81731B

Calcule el color entre dos colores, #ADAB5E y #81731B. 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)

#ADAB5E - #81731B | 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 #ADAB5E como 0% y #81731B como 100%.

0.0%	0.0% #ADAB5E	RGB 173 171 94	#ADAB5E
16.7%	16.7% #A5A152	RGB 165 161 82	#A5A152
33.3%	33.3% #9E9847	RGB 158 152 71	#9E9847
50.0%	50.0% #978F3C	RGB 151 143 60	#978F3C
66.7%	66.7% #8F8531	RGB 143 133 49	#8F8531
83.3%	83.3% #887C26	RGB 136 124 38	#887C26
100.0%	100.0% #81731B	RGB 129 115 27	#81731B

#ADAB5E #A5A152 #9E9847 #978F3C #8F8531 #887C26 #81731B

#ADAB5E - #81731B

Mezcla HSV

#ADAB5E - #81731B | 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 #ADAB5E como 0% y #81731B como 100%.

0.0%	0.0% #ADAB5E	RGB 173 171 94	#ADAB5E
16.7%	16.7% #A5A150	RGB 165 161 80	#A5A150
33.3%	33.3% #9E9844	RGB 158 152 68	#9E9844
50.0%	50.0% #978F38	RGB 151 143 56	#978F38
66.7%	66.7% #8F852E	RGB 143 133 46	#8F852E
83.3%	83.3% #887C24	RGB 136 124 36	#887C24
100.0%	100.0% #81731B	RGB 129 115 27	#81731B

#ADAB5E #A5A150 #9E9844 #978F38 #8F852E #887C24 #81731B

#ADAB5E - #978F38 - #81731B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADAB5E 0%, #978F38 50%, #81731B 100%);
    background: -webkit-linear-gradient(top, #ADAB5E 0%, #978F38 50%, #81731B 100%);
    background: linear-gradient(to bottom, #ADAB5E 0%, #978F38 50%, #81731B 100%);
}
</style>