#866464 - #DCD2D2 | 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 #866464 a #DCD2D2

#866464 #DCD2D2

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

#866464 - #DCD2D2 | 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 #866464 como 0% y #DCD2D2 como 100%.

0.0%	0.0% #866464	RGB 134 100 100	#866464
16.7%	16.7% #947676	RGB 148 118 118	#947676
33.3%	33.3% #A28888	RGB 162 136 136	#A28888
50.0%	50.0% #B19B9B	RGB 177 155 155	#B19B9B
66.7%	66.7% #BFADAD	RGB 191 173 173	#BFADAD
83.3%	83.3% #CDBFBF	RGB 205 191 191	#CDBFBF
100.0%	100.0% #DCD2D2	RGB 220 210 210	#DCD2D2

#866464 #947676 #A28888 #B19B9B #BFADAD #CDBFBF #DCD2D2

#866464 - #DCD2D2

Mezcla HSV

#866464 - #DCD2D2 | 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 #866464 como 0% y #DCD2D2 como 100%.

0.0%	0.0% #866464	RGB 134 100 100	#866464
16.7%	16.7% #947373	RGB 148 115 115	#947373
33.3%	33.3% #A28484	RGB 162 132 132	#A28484
50.0%	50.0% #B19696	RGB 177 150 150	#B19696
66.7%	66.7% #BFA9A9	RGB 191 169 169	#BFA9A9
83.3%	83.3% #CDBDBD	RGB 205 189 189	#CDBDBD
100.0%	100.0% #DCD2D2	RGB 220 210 210	#DCD2D2

#866464 #947373 #A28484 #B19696 #BFA9A9 #CDBDBD #DCD2D2

#866464 - #B19696 - #DCD2D2

Códigos CSS

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

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