#D5E3E7 - #FFDBFB | 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 #D5E3E7 a #FFDBFB

#D5E3E7 #FFDBFB

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

#D5E3E7 - #FFDBFB | 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 #D5E3E7 como 0% y #FFDBFB como 100%.

0.0%	0.0% #D5E3E7	RGB 213 227 231	#D5E3E7
16.7%	16.7% #DCE1EA	RGB 220 225 234	#DCE1EA
33.3%	33.3% #E3E0ED	RGB 227 224 237	#E3E0ED
50.0%	50.0% #EADFF1	RGB 234 223 241	#EADFF1
66.7%	66.7% #F1DDF4	RGB 241 221 244	#F1DDF4
83.3%	83.3% #F8DCF7	RGB 248 220 247	#F8DCF7
100.0%	100.0% #FFDBFB	RGB 255 219 251	#FFDBFB

#D5E3E7 #DCE1EA #E3E0ED #EADFF1 #F1DDF4 #F8DCF7 #FFDBFB

#D5E3E7 - #FFDBFB

Mezcla HSV

#D5E3E7 - #FFDBFB | 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 #D5E3E7 como 0% y #FFDBFB como 100%.

0.0%	0.0% #D5E3E7	RGB 213 227 231	#D5E3E7
16.7%	16.7% #D6DFEB	RGB 214 223 235	#D6DFEB
33.3%	33.3% #D7DAEF	RGB 215 218 239	#D7DAEF
50.0%	50.0% #DCD8F3	RGB 220 216 243	#DCD8F3
66.7%	66.7% #E7D9F7	RGB 231 217 247	#E7D9F7
83.3%	83.3% #F4DAFB	RGB 244 218 251	#F4DAFB
100.0%	100.0% #FFDBFB	RGB 255 219 251	#FFDBFB

#D5E3E7 #D6DFEB #D7DAEF #DCD8F3 #E7D9F7 #F4DAFB #FFDBFB

#D5E3E7 - #DCD8F3 - #FFDBFB

Códigos CSS

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

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