#A67D42 - #E5D9C9 | 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 #A67D42 a #E5D9C9

#A67D42 #E5D9C9

Calcule el color entre dos colores, #A67D42 y #E5D9C9. 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)

#A67D42 - #E5D9C9 | 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 #A67D42 como 0% y #E5D9C9 como 100%.

0.0%	0.0% #A67D42	RGB 166 125 66	#A67D42
16.7%	16.7% #B08C58	RGB 176 140 88	#B08C58
33.3%	33.3% #BB9B6F	RGB 187 155 111	#BB9B6F
50.0%	50.0% #C5AB85	RGB 197 171 133	#C5AB85
66.7%	66.7% #D0BA9C	RGB 208 186 156	#D0BA9C
83.3%	83.3% #DAC9B2	RGB 218 201 178	#DAC9B2
100.0%	100.0% #E5D9C9	RGB 229 217 201	#E5D9C9

#A67D42 #B08C58 #BB9B6F #C5AB85 #D0BA9C #DAC9B2 #E5D9C9

#A67D42 - #E5D9C9

Mezcla HSV

#A67D42 - #E5D9C9 | 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 #A67D42 como 0% y #E5D9C9 como 100%.

0.0%	0.0% #A67D42	RGB 166 125 66	#A67D42
16.7%	16.7% #B08A54	RGB 176 138 84	#B08A54
33.3%	33.3% #BB9868	RGB 187 152 104	#BB9868
50.0%	50.0% #C5A77D	RGB 197 167 125	#C5A77D
66.7%	66.7% #D0B795	RGB 208 183 149	#D0B795
83.3%	83.3% #DAC7AE	RGB 218 199 174	#DAC7AE
100.0%	100.0% #E5D9C9	RGB 229 217 201	#E5D9C9

#A67D42 #B08A54 #BB9868 #C5A77D #D0B795 #DAC7AE #E5D9C9

#A67D42 - #C5A77D - #E5D9C9

Códigos CSS

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

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