#ADBA92 - #69883E | 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 #ADBA92 a #69883E

#ADBA92 #69883E

Calcule el color entre dos colores, #ADBA92 y #69883E. 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)

#ADBA92 - #69883E | 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 #ADBA92 como 0% y #69883E como 100%.

0.0%	0.0% #ADBA92	RGB 173 186 146	#ADBA92
16.7%	16.7% #A1B184	RGB 161 177 132	#A1B184
33.3%	33.3% #96A976	RGB 150 169 118	#96A976
50.0%	50.0% #8BA168	RGB 139 161 104	#8BA168
66.7%	66.7% #7F985A	RGB 127 152 90	#7F985A
83.3%	83.3% #74904C	RGB 116 144 76	#74904C
100.0%	100.0% #69883E	RGB 105 136 62	#69883E

#ADBA92 #A1B184 #96A976 #8BA168 #7F985A #74904C #69883E

#ADBA92 - #69883E

Mezcla HSV

#ADBA92 - #69883E | 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 #ADBA92 como 0% y #69883E como 100%.

0.0%	0.0% #ADBA92	RGB 173 186 146	#ADBA92
16.7%	16.7% #A1B181	RGB 161 177 129	#A1B181
33.3%	33.3% #95A972	RGB 149 169 114	#95A972
50.0%	50.0% #8AA163	RGB 138 161 99	#8AA163
66.7%	66.7% #7E9856	RGB 126 152 86	#7E9856
83.3%	83.3% #739049	RGB 115 144 73	#739049
100.0%	100.0% #69883E	RGB 105 136 62	#69883E

#ADBA92 #A1B181 #95A972 #8AA163 #7E9856 #739049 #69883E

#ADBA92 - #8AA163 - #69883E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADBA92 0%, #8AA163 50%, #69883E 100%);
    background: -webkit-linear-gradient(top, #ADBA92 0%, #8AA163 50%, #69883E 100%);
    background: linear-gradient(to bottom, #ADBA92 0%, #8AA163 50%, #69883E 100%);
}
</style>