#DED5E5 - #D9DBF0 | 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 #DED5E5 a #D9DBF0

#DED5E5 #D9DBF0

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

#DED5E5 - #D9DBF0 | 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 #DED5E5 como 0% y #D9DBF0 como 100%.

0.0%	0.0% #DED5E5	RGB 222 213 229	#DED5E5
16.7%	16.7% #DDD6E6	RGB 221 214 230	#DDD6E6
33.3%	33.3% #DCD7E8	RGB 220 215 232	#DCD7E8
50.0%	50.0% #DBD8EA	RGB 219 216 234	#DBD8EA
66.7%	66.7% #DAD9EC	RGB 218 217 236	#DAD9EC
83.3%	83.3% #D9DAEE	RGB 217 218 238	#D9DAEE
100.0%	100.0% #D9DBF0	RGB 217 219 240	#D9DBF0

#DED5E5 #DDD6E6 #DCD7E8 #DBD8EA #DAD9EC #D9DAEE #D9DBF0

#DED5E5 - #D9DBF0

Mezcla HSV

#DED5E5 - #D9DBF0 | 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 #DED5E5 como 0% y #D9DBF0 como 100%.

0.0%	0.0% #DED5E5	RGB 222 213 229	#DED5E5
16.7%	16.7% #DDD5E6	RGB 221 213 230	#DDD5E6
33.3%	33.3% #DCD6E8	RGB 220 214 232	#DCD6E8
50.0%	50.0% #DBD7EA	RGB 219 215 234	#DBD7EA
66.7%	66.7% #DAD7EC	RGB 218 215 236	#DAD7EC
83.3%	83.3% #D8D8EE	RGB 216 216 238	#D8D8EE
100.0%	100.0% #D9DBF0	RGB 217 219 240	#D9DBF0

#DED5E5 #DDD5E6 #DCD6E8 #DBD7EA #DAD7EC #D8D8EE #D9DBF0

#DED5E5 - #DBD7EA - #D9DBF0

Códigos CSS

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

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