#DFD9DB - #FFECE4 | 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 #DFD9DB a #FFECE4

#DFD9DB #FFECE4

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

#DFD9DB - #FFECE4 | 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 #DFD9DB como 0% y #FFECE4 como 100%.

0.0%	0.0% #DFD9DB	RGB 223 217 219	#DFD9DB
16.7%	16.7% #E4DCDC	RGB 228 220 220	#E4DCDC
33.3%	33.3% #E9DFDE	RGB 233 223 222	#E9DFDE
50.0%	50.0% #EFE2DF	RGB 239 226 223	#EFE2DF
66.7%	66.7% #F4E5E1	RGB 244 229 225	#F4E5E1
83.3%	83.3% #F9E8E2	RGB 249 232 226	#F9E8E2
100.0%	100.0% #FFECE4	RGB 255 236 228	#FFECE4

#DFD9DB #E4DCDC #E9DFDE #EFE2DF #F4E5E1 #F9E8E2 #FFECE4

#DFD9DB - #FFECE4

Mezcla HSV

#DFD9DB - #FFECE4 | 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 #DFD9DB como 0% y #FFECE4 como 100%.

0.0%	0.0% #DFD9DB	RGB 223 217 219	#DFD9DB
16.7%	16.7% #E4DBDD	RGB 228 219 221	#E4DBDD
33.3%	33.3% #E9DDDE	RGB 233 221 222	#E9DDDE
50.0%	50.0% #EFDFDF	RGB 239 223 223	#EFDFDF
66.7%	66.7% #F4E2E0	RGB 244 226 224	#F4E2E0
83.3%	83.3% #F9E6E2	RGB 249 230 226	#F9E6E2
100.0%	100.0% #FFECE4	RGB 255 236 228	#FFECE4

#DFD9DB #E4DBDD #E9DDDE #EFDFDF #F4E2E0 #F9E6E2 #FFECE4

#DFD9DB - #EFDFDF - #FFECE4

Códigos CSS

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

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