#DCD6CF - #3E3D3B | 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 #DCD6CF a #3E3D3B

#DCD6CF #3E3D3B

Calcule el color entre dos colores, #DCD6CF y #3E3D3B. 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)

#DCD6CF - #3E3D3B | 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 #DCD6CF como 0% y #3E3D3B como 100%.

0.0%	0.0% #DCD6CF	RGB 220 214 207	#DCD6CF
16.7%	16.7% #C1BCB6	RGB 193 188 182	#C1BCB6
33.3%	33.3% #A7A39D	RGB 167 163 157	#A7A39D
50.0%	50.0% #8D8985	RGB 141 137 133	#8D8985
66.7%	66.7% #72706C	RGB 114 112 108	#72706C
83.3%	83.3% #585653	RGB 88 86 83	#585653
100.0%	100.0% #3E3D3B	RGB 62 61 59	#3E3D3B

#DCD6CF #C1BCB6 #A7A39D #8D8985 #72706C #585653 #3E3D3B

#DCD6CF - #3E3D3B

Mezcla HSV

#DCD6CF - #3E3D3B | 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 #DCD6CF como 0% y #3E3D3B como 100%.

0.0%	0.0% #DCD6CF	RGB 220 214 207	#DCD6CF
16.7%	16.7% #C1BCB6	RGB 193 188 182	#C1BCB6
33.3%	33.3% #A7A39E	RGB 167 163 158	#A7A39E
50.0%	50.0% #8D8985	RGB 141 137 133	#8D8985
66.7%	66.7% #72706C	RGB 114 112 108	#72706C
83.3%	83.3% #585653	RGB 88 86 83	#585653
100.0%	100.0% #3E3D3B	RGB 62 61 59	#3E3D3B

#DCD6CF #C1BCB6 #A7A39E #8D8985 #72706C #585653 #3E3D3B

#DCD6CF - #8D8985 - #3E3D3B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCD6CF 0%, #8D8985 50%, #3E3D3B 100%);
    background: -webkit-linear-gradient(top, #DCD6CF 0%, #8D8985 50%, #3E3D3B 100%);
    background: linear-gradient(to bottom, #DCD6CF 0%, #8D8985 50%, #3E3D3B 100%);
}
</style>