#ADAD7B - #5E4E27 | 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 #ADAD7B a #5E4E27

#ADAD7B #5E4E27

Calcule el color entre dos colores, #ADAD7B y #5E4E27. 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)

#ADAD7B - #5E4E27 | 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 #ADAD7B como 0% y #5E4E27 como 100%.

0.0%	0.0% #ADAD7B	RGB 173 173 123	#ADAD7B
16.7%	16.7% #9F9D6D	RGB 159 157 109	#9F9D6D
33.3%	33.3% #928D5F	RGB 146 141 95	#928D5F
50.0%	50.0% #857D51	RGB 133 125 81	#857D51
66.7%	66.7% #786D43	RGB 120 109 67	#786D43
83.3%	83.3% #6B5D35	RGB 107 93 53	#6B5D35
100.0%	100.0% #5E4E27	RGB 94 78 39	#5E4E27

#ADAD7B #9F9D6D #928D5F #857D51 #786D43 #6B5D35 #5E4E27

#ADAD7B - #5E4E27

Mezcla HSV

#ADAD7B - #5E4E27 | 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 #ADAD7B como 0% y #5E4E27 como 100%.

0.0%	0.0% #ADAD7B	RGB 173 173 123	#ADAD7B
16.7%	16.7% #9F9D69	RGB 159 157 105	#9F9D69
33.3%	33.3% #928D59	RGB 146 141 89	#928D59
50.0%	50.0% #857D4B	RGB 133 125 75	#857D4B
66.7%	66.7% #786C3D	RGB 120 108 61	#786C3D
83.3%	83.3% #6B5D31	RGB 107 93 49	#6B5D31
100.0%	100.0% #5E4E27	RGB 94 78 39	#5E4E27

#ADAD7B #9F9D69 #928D59 #857D4B #786C3D #6B5D31 #5E4E27

#ADAD7B - #857D4B - #5E4E27

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADAD7B 0%, #857D4B 50%, #5E4E27 100%);
    background: -webkit-linear-gradient(top, #ADAD7B 0%, #857D4B 50%, #5E4E27 100%);
    background: linear-gradient(to bottom, #ADAD7B 0%, #857D4B 50%, #5E4E27 100%);
}
</style>