#DCD6D1 - #BE9782 | 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 #DCD6D1 a #BE9782

#DCD6D1 #BE9782

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

#DCD6D1 - #BE9782 | 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 #DCD6D1 como 0% y #BE9782 como 100%.

0.0%	0.0% #DCD6D1	RGB 220 214 209	#DCD6D1
16.7%	16.7% #D7CBC3	RGB 215 203 195	#D7CBC3
33.3%	33.3% #D2C1B6	RGB 210 193 182	#D2C1B6
50.0%	50.0% #CDB6A9	RGB 205 182 169	#CDB6A9
66.7%	66.7% #C8AC9C	RGB 200 172 156	#C8AC9C
83.3%	83.3% #C3A18F	RGB 195 161 143	#C3A18F
100.0%	100.0% #BE9782	RGB 190 151 130	#BE9782

#DCD6D1 #D7CBC3 #D2C1B6 #CDB6A9 #C8AC9C #C3A18F #BE9782

#DCD6D1 - #BE9782

Mezcla HSV

#DCD6D1 - #BE9782 | 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 #DCD6D1 como 0% y #BE9782 como 100%.

0.0%	0.0% #DCD6D1	RGB 220 214 209	#DCD6D1
16.7%	16.7% #D7CBC2	RGB 215 203 194	#D7CBC2
33.3%	33.3% #D2C1B4	RGB 210 193 180	#D2C1B4
50.0%	50.0% #CDB6A7	RGB 205 182 167	#CDB6A7
66.7%	66.7% #C8AC9A	RGB 200 172 154	#C8AC9A
83.3%	83.3% #C3A18E	RGB 195 161 142	#C3A18E
100.0%	100.0% #BE9782	RGB 190 151 130	#BE9782

#DCD6D1 #D7CBC2 #D2C1B4 #CDB6A7 #C8AC9A #C3A18E #BE9782

#DCD6D1 - #CDB6A7 - #BE9782

Códigos CSS

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

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