#D5E3E8 - #FFDCFB | 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 #D5E3E8 a #FFDCFB

#D5E3E8 #FFDCFB

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

#D5E3E8 - #FFDCFB | 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 #D5E3E8 como 0% y #FFDCFB como 100%.

0.0%	0.0% #D5E3E8	RGB 213 227 232	#D5E3E8
16.7%	16.7% #DCE1EB	RGB 220 225 235	#DCE1EB
33.3%	33.3% #E3E0EE	RGB 227 224 238	#E3E0EE
50.0%	50.0% #EADFF1	RGB 234 223 241	#EADFF1
66.7%	66.7% #F1DEF4	RGB 241 222 244	#F1DEF4
83.3%	83.3% #F8DDF7	RGB 248 221 247	#F8DDF7
100.0%	100.0% #FFDCFB	RGB 255 220 251	#FFDCFB

#D5E3E8 #DCE1EB #E3E0EE #EADFF1 #F1DEF4 #F8DDF7 #FFDCFB

#D5E3E8 - #FFDCFB

Mezcla HSV

#D5E3E8 - #FFDCFB | 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 #D5E3E8 como 0% y #FFDCFB como 100%.

0.0%	0.0% #D5E3E8	RGB 213 227 232	#D5E3E8
16.7%	16.7% #D6DFEB	RGB 214 223 235	#D6DFEB
33.3%	33.3% #D7DAEF	RGB 215 218 239	#D7DAEF
50.0%	50.0% #DDD8F3	RGB 221 216 243	#DDD8F3
66.7%	66.7% #E8D9F7	RGB 232 217 247	#E8D9F7
83.3%	83.3% #F4DBFB	RGB 244 219 251	#F4DBFB
100.0%	100.0% #FFDCFB	RGB 255 220 251	#FFDCFB

#D5E3E8 #D6DFEB #D7DAEF #DDD8F3 #E8D9F7 #F4DBFB #FFDCFB

#D5E3E8 - #DDD8F3 - #FFDCFB

Códigos CSS

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

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