#E3E3FF - #D9EBF7 | 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 #E3E3FF a #D9EBF7

#E3E3FF #D9EBF7

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

#E3E3FF - #D9EBF7 | 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 #E3E3FF como 0% y #D9EBF7 como 100%.

0.0%	0.0% #E3E3FF	RGB 227 227 255	#E3E3FF
16.7%	16.7% #E1E4FD	RGB 225 228 253	#E1E4FD
33.3%	33.3% #DFE5FC	RGB 223 229 252	#DFE5FC
50.0%	50.0% #DEE7FB	RGB 222 231 251	#DEE7FB
66.7%	66.7% #DCE8F9	RGB 220 232 249	#DCE8F9
83.3%	83.3% #DAE9F8	RGB 218 233 248	#DAE9F8
100.0%	100.0% #D9EBF7	RGB 217 235 247	#D9EBF7

#E3E3FF #E1E4FD #DFE5FC #DEE7FB #DCE8F9 #DAE9F8 #D9EBF7

#E3E3FF - #D9EBF7

Mezcla HSV

#E3E3FF - #D9EBF7 | 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 #E3E3FF como 0% y #D9EBF7 como 100%.

0.0%	0.0% #E3E3FF	RGB 227 227 255	#E3E3FF
16.7%	16.7% #E1E4FD	RGB 225 228 253	#E1E4FD
33.3%	33.3% #DFE5FC	RGB 223 229 252	#DFE5FC
50.0%	50.0% #DDE6FB	RGB 221 230 251	#DDE6FB
66.7%	66.7% #DCE8F9	RGB 220 232 249	#DCE8F9
83.3%	83.3% #DAE9F8	RGB 218 233 248	#DAE9F8
100.0%	100.0% #D9EBF7	RGB 217 235 247	#D9EBF7

#E3E3FF #E1E4FD #DFE5FC #DDE6FB #DCE8F9 #DAE9F8 #D9EBF7

#E3E3FF - #DDE6FB - #D9EBF7

Códigos CSS

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

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