#DDC5E7 - #FFEEDC | 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 #DDC5E7 a #FFEEDC

#DDC5E7 #FFEEDC

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

#DDC5E7 - #FFEEDC | 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 #DDC5E7 como 0% y #FFEEDC como 100%.

0.0%	0.0% #DDC5E7	RGB 221 197 231	#DDC5E7
16.7%	16.7% #E2CBE5	RGB 226 203 229	#E2CBE5
33.3%	33.3% #E8D2E3	RGB 232 210 227	#E8D2E3
50.0%	50.0% #EED9E1	RGB 238 217 225	#EED9E1
66.7%	66.7% #F3E0DF	RGB 243 224 223	#F3E0DF
83.3%	83.3% #F9E7DD	RGB 249 231 221	#F9E7DD
100.0%	100.0% #FFEEDC	RGB 255 238 220	#FFEEDC

#DDC5E7 #E2CBE5 #E8D2E3 #EED9E1 #F3E0DF #F9E7DD #FFEEDC

#DDC5E7 - #FFEEDC

Mezcla HSV

#DDC5E7 - #FFEEDC | 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 #DDC5E7 como 0% y #FFEEDC como 100%.

0.0%	0.0% #DDC5E7	RGB 221 197 231	#DDC5E7
16.7%	16.7% #EBC8EA	RGB 235 200 234	#EBC8EA
33.3%	33.3% #EFCCE4	RGB 239 204 228	#EFCCE4
50.0%	50.0% #F3D0DD	RGB 243 208 221	#F3D0DD
66.7%	66.7% #F7D4D7	RGB 247 212 215	#F7D4D7
83.3%	83.3% #FBDFD8	RGB 251 223 216	#FBDFD8
100.0%	100.0% #FFEEDC	RGB 255 238 220	#FFEEDC

#DDC5E7 #EBC8EA #EFCCE4 #F3D0DD #F7D4D7 #FBDFD8 #FFEEDC

#DDC5E7 - #F3D0DD - #FFEEDC

Códigos CSS

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

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