#ADAF9F - #6D7649 | 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 #ADAF9F a #6D7649

#ADAF9F #6D7649

Calcule el color entre dos colores, #ADAF9F y #6D7649. 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)

#ADAF9F - #6D7649 | 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 #ADAF9F como 0% y #6D7649 como 100%.

0.0%	0.0% #ADAF9F	RGB 173 175 159	#ADAF9F
16.7%	16.7% #A2A590	RGB 162 165 144	#A2A590
33.3%	33.3% #979C82	RGB 151 156 130	#979C82
50.0%	50.0% #8D9274	RGB 141 146 116	#8D9274
66.7%	66.7% #828965	RGB 130 137 101	#828965
83.3%	83.3% #777F57	RGB 119 127 87	#777F57
100.0%	100.0% #6D7649	RGB 109 118 73	#6D7649

#ADAF9F #A2A590 #979C82 #8D9274 #828965 #777F57 #6D7649

#ADAF9F - #6D7649

Mezcla HSV

#ADAF9F - #6D7649 | 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 #ADAF9F como 0% y #6D7649 como 100%.

0.0%	0.0% #ADAF9F	RGB 173 175 159	#ADAF9F
16.7%	16.7% #A2A58E	RGB 162 165 142	#A2A58E
33.3%	33.3% #979C7E	RGB 151 156 126	#979C7E
50.0%	50.0% #8C926F	RGB 140 146 111	#8C926F
66.7%	66.7% #828961	RGB 130 137 97	#828961
83.3%	83.3% #777F55	RGB 119 127 85	#777F55
100.0%	100.0% #6D7649	RGB 109 118 73	#6D7649

#ADAF9F #A2A58E #979C7E #8C926F #828961 #777F55 #6D7649

#ADAF9F - #8C926F - #6D7649

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADAF9F 0%, #8C926F 50%, #6D7649 100%);
    background: -webkit-linear-gradient(top, #ADAF9F 0%, #8C926F 50%, #6D7649 100%);
    background: linear-gradient(to bottom, #ADAF9F 0%, #8C926F 50%, #6D7649 100%);
}
</style>