#866F64 - #DCD5D2 | 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 #866F64 a #DCD5D2

#866F64 #DCD5D2

Calcule el color entre dos colores, #866F64 y #DCD5D2. 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)

#866F64 - #DCD5D2 | 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 #866F64 como 0% y #DCD5D2 como 100%.

0.0%	0.0% #866F64	RGB 134 111 100	#866F64
16.7%	16.7% #948076	RGB 148 128 118	#948076
33.3%	33.3% #A29188	RGB 162 145 136	#A29188
50.0%	50.0% #B1A29B	RGB 177 162 155	#B1A29B
66.7%	66.7% #BFB3AD	RGB 191 179 173	#BFB3AD
83.3%	83.3% #CDC4BF	RGB 205 196 191	#CDC4BF
100.0%	100.0% #DCD5D2	RGB 220 213 210	#DCD5D2

#866F64 #948076 #A29188 #B1A29B #BFB3AD #CDC4BF #DCD5D2

#866F64 - #DCD5D2

Mezcla HSV

#866F64 - #DCD5D2 | 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 #866F64 como 0% y #DCD5D2 como 100%.

0.0%	0.0% #866F64	RGB 134 111 100	#866F64
16.7%	16.7% #947E73	RGB 148 126 115	#947E73
33.3%	33.3% #A28E84	RGB 162 142 132	#A28E84
50.0%	50.0% #B19E96	RGB 177 158 150	#B19E96
66.7%	66.7% #BFB0A9	RGB 191 176 169	#BFB0A9
83.3%	83.3% #CDC2BD	RGB 205 194 189	#CDC2BD
100.0%	100.0% #DCD5D2	RGB 220 213 210	#DCD5D2

#866F64 #947E73 #A28E84 #B19E96 #BFB0A9 #CDC2BD #DCD5D2

#866F64 - #B19E96 - #DCD5D2

Códigos CSS

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

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