#E5E5FF - #FEFFF9 | 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 #E5E5FF a #FEFFF9

#E5E5FF #FEFFF9

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

#E5E5FF - #FEFFF9 | 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 #E5E5FF como 0% y #FEFFF9 como 100%.

0.0%	0.0% #E5E5FF	RGB 229 229 255	#E5E5FF
16.7%	16.7% #E9E9FE	RGB 233 233 254	#E9E9FE
33.3%	33.3% #EDEDFD	RGB 237 237 253	#EDEDFD
50.0%	50.0% #F1F2FC	RGB 241 242 252	#F1F2FC
66.7%	66.7% #F5F6FB	RGB 245 246 251	#F5F6FB
83.3%	83.3% #F9FAFA	RGB 249 250 250	#F9FAFA
100.0%	100.0% #FEFFF9	RGB 254 255 249	#FEFFF9

#E5E5FF #E9E9FE #EDEDFD #F1F2FC #F5F6FB #F9FAFA #FEFFF9

#E5E5FF - #FEFFF9

Mezcla HSV

#E5E5FF - #FEFFF9 | 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 #E5E5FF como 0% y #FEFFF9 como 100%.

0.0%	0.0% #E5E5FF	RGB 229 229 255	#E5E5FF
16.7%	16.7% #E8F3FF	RGB 232 243 255	#E8F3FF
33.3%	33.3% #EBFDFF	RGB 235 253 255	#EBFDFF
50.0%	50.0% #EFFFF8	RGB 239 255 248	#EFFFF8
66.7%	66.7% #F2FFF3	RGB 242 255 243	#F2FFF3
83.3%	83.3% #F9FFF5	RGB 249 255 245	#F9FFF5
100.0%	100.0% #FEFFF9	RGB 254 255 249	#FEFFF9

#E5E5FF #E8F3FF #EBFDFF #EFFFF8 #F2FFF3 #F9FFF5 #FEFFF9

#E5E5FF - #EFFFF8 - #FEFFF9

Códigos CSS

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

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