#7D4A00 - #D9CBB6 | 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 #7D4A00 a #D9CBB6

#7D4A00 #D9CBB6

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

#7D4A00 - #D9CBB6 | 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 #7D4A00 como 0% y #D9CBB6 como 100%.

0.0%	0.0% #7D4A00	RGB 125 74 0	#7D4A00
16.7%	16.7% #8C5F1E	RGB 140 95 30	#8C5F1E
33.3%	33.3% #9B753C	RGB 155 117 60	#9B753C
50.0%	50.0% #AB8A5B	RGB 171 138 91	#AB8A5B
66.7%	66.7% #BAA079	RGB 186 160 121	#BAA079
83.3%	83.3% #C9B597	RGB 201 181 151	#C9B597
100.0%	100.0% #D9CBB6	RGB 217 203 182	#D9CBB6

#7D4A00 #8C5F1E #9B753C #AB8A5B #BAA079 #C9B597 #D9CBB6

#7D4A00 - #D9CBB6

Mezcla HSV

#7D4A00 - #D9CBB6 | 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 #7D4A00 como 0% y #D9CBB6 como 100%.

0.0%	0.0% #7D4A00	RGB 125 74 0	#7D4A00
16.7%	16.7% #8C5B13	RGB 140 91 19	#8C5B13
33.3%	33.3% #9B6E2B	RGB 155 110 43	#9B6E2B
50.0%	50.0% #AB8247	RGB 171 130 71	#AB8247
66.7%	66.7% #BA9968	RGB 186 153 104	#BA9968
83.3%	83.3% #C9B18C	RGB 201 177 140	#C9B18C
100.0%	100.0% #D9CBB6	RGB 217 203 182	#D9CBB6

#7D4A00 #8C5B13 #9B6E2B #AB8247 #BA9968 #C9B18C #D9CBB6

#7D4A00 - #AB8247 - #D9CBB6

Códigos CSS

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

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