#D5E8FE - #E3EBF7 | 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 #D5E8FE a #E3EBF7

#D5E8FE #E3EBF7

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

#D5E8FE - #E3EBF7 | 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 #D5E8FE como 0% y #E3EBF7 como 100%.

0.0%	0.0% #D5E8FE	RGB 213 232 254	#D5E8FE
16.7%	16.7% #D7E8FC	RGB 215 232 252	#D7E8FC
33.3%	33.3% #D9E9FB	RGB 217 233 251	#D9E9FB
50.0%	50.0% #DCE9FA	RGB 220 233 250	#DCE9FA
66.7%	66.7% #DEEAF9	RGB 222 234 249	#DEEAF9
83.3%	83.3% #E0EAF8	RGB 224 234 248	#E0EAF8
100.0%	100.0% #E3EBF7	RGB 227 235 247	#E3EBF7

#D5E8FE #D7E8FC #D9E9FB #DCE9FA #DEEAF9 #E0EAF8 #E3EBF7

#D5E8FE - #E3EBF7

Mezcla HSV

#D5E8FE - #E3EBF7 | 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 #D5E8FE como 0% y #E3EBF7 como 100%.

0.0%	0.0% #D5E8FE	RGB 213 232 254	#D5E8FE
16.7%	16.7% #D7E8FC	RGB 215 232 252	#D7E8FC
33.3%	33.3% #D9E8FB	RGB 217 232 251	#D9E8FB
50.0%	50.0% #DCE9FA	RGB 220 233 250	#DCE9FA
66.7%	66.7% #DEE9F9	RGB 222 233 249	#DEE9F9
83.3%	83.3% #E0EAF8	RGB 224 234 248	#E0EAF8
100.0%	100.0% #E3EBF7	RGB 227 235 247	#E3EBF7

#D5E8FE #D7E8FC #D9E8FB #DCE9FA #DEE9F9 #E0EAF8 #E3EBF7

#D5E8FE - #DCE9FA - #E3EBF7

Códigos CSS

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

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