#DFD9D5 - #FFECE3 | 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 #DFD9D5 a #FFECE3

#DFD9D5 #FFECE3

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

#DFD9D5 - #FFECE3 | 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 #DFD9D5 como 0% y #FFECE3 como 100%.

0.0%	0.0% #DFD9D5	RGB 223 217 213	#DFD9D5
16.7%	16.7% #E4DCD7	RGB 228 220 215	#E4DCD7
33.3%	33.3% #E9DFD9	RGB 233 223 217	#E9DFD9
50.0%	50.0% #EFE2DC	RGB 239 226 220	#EFE2DC
66.7%	66.7% #F4E5DE	RGB 244 229 222	#F4E5DE
83.3%	83.3% #F9E8E0	RGB 249 232 224	#F9E8E0
100.0%	100.0% #FFECE3	RGB 255 236 227	#FFECE3

#DFD9D5 #E4DCD7 #E9DFD9 #EFE2DC #F4E5DE #F9E8E0 #FFECE3

#DFD9D5 - #FFECE3

Mezcla HSV

#DFD9D5 - #FFECE3 | 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 #DFD9D5 como 0% y #FFECE3 como 100%.

0.0%	0.0% #DFD9D5	RGB 223 217 213	#DFD9D5
16.7%	16.7% #E4DCD7	RGB 228 220 215	#E4DCD7
33.3%	33.3% #E9DFDA	RGB 233 223 218	#E9DFDA
50.0%	50.0% #EFE3DC	RGB 239 227 220	#EFE3DC
66.7%	66.7% #F4E6DE	RGB 244 230 222	#F4E6DE
83.3%	83.3% #F9E9E0	RGB 249 233 224	#F9E9E0
100.0%	100.0% #FFECE3	RGB 255 236 227	#FFECE3

#DFD9D5 #E4DCD7 #E9DFDA #EFE3DC #F4E6DE #F9E9E0 #FFECE3

#DFD9D5 - #EFE3DC - #FFECE3

Códigos CSS

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

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