#DFD4D4 - #CB8C85 | 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 #DFD4D4 a #CB8C85

#DFD4D4 #CB8C85

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

#DFD4D4 - #CB8C85 | 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 #DFD4D4 como 0% y #CB8C85 como 100%.

0.0%	0.0% #DFD4D4	RGB 223 212 212	#DFD4D4
16.7%	16.7% #DBC8C6	RGB 219 200 198	#DBC8C6
33.3%	33.3% #D8BCB9	RGB 216 188 185	#D8BCB9
50.0%	50.0% #D5B0AC	RGB 213 176 172	#D5B0AC
66.7%	66.7% #D1A49F	RGB 209 164 159	#D1A49F
83.3%	83.3% #CE9892	RGB 206 152 146	#CE9892
100.0%	100.0% #CB8C85	RGB 203 140 133	#CB8C85

#DFD4D4 #DBC8C6 #D8BCB9 #D5B0AC #D1A49F #CE9892 #CB8C85

#DFD4D4 - #CB8C85

Mezcla HSV

#DFD4D4 - #CB8C85 | 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 #DFD4D4 como 0% y #CB8C85 como 100%.

0.0%	0.0% #DFD4D4	RGB 223 212 212	#DFD4D4
16.7%	16.7% #DBC6C6	RGB 219 198 198	#DBC6C6
33.3%	33.3% #D8B9B8	RGB 216 185 184	#D8B9B8
50.0%	50.0% #D5ADAB	RGB 213 173 171	#D5ADAB
66.7%	66.7% #D1A19E	RGB 209 161 158	#D1A19E
83.3%	83.3% #CE9691	RGB 206 150 145	#CE9691
100.0%	100.0% #CB8C85	RGB 203 140 133	#CB8C85

#DFD4D4 #DBC6C6 #D8B9B8 #D5ADAB #D1A19E #CE9691 #CB8C85

#DFD4D4 - #D5ADAB - #CB8C85

Códigos CSS

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

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