#E4ECE9 - #ECE8FB | 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 #E4ECE9 a #ECE8FB

#E4ECE9 #ECE8FB

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

#E4ECE9 - #ECE8FB | 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 #E4ECE9 como 0% y #ECE8FB como 100%.

0.0%	0.0% #E4ECE9	RGB 228 236 233	#E4ECE9
16.7%	16.7% #E5EBEC	RGB 229 235 236	#E5EBEC
33.3%	33.3% #E6EAEF	RGB 230 234 239	#E6EAEF
50.0%	50.0% #E8EAF2	RGB 232 234 242	#E8EAF2
66.7%	66.7% #E9E9F5	RGB 233 233 245	#E9E9F5
83.3%	83.3% #EAE8F8	RGB 234 232 248	#EAE8F8
100.0%	100.0% #ECE8FB	RGB 236 232 251	#ECE8FB

#E4ECE9 #E5EBEC #E6EAEF #E8EAF2 #E9E9F5 #EAE8F8 #ECE8FB

#E4ECE9 - #ECE8FB

Mezcla HSV

#E4ECE9 - #ECE8FB | 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 #E4ECE9 como 0% y #ECE8FB como 100%.

0.0%	0.0% #E4ECE9	RGB 228 236 233	#E4ECE9
16.7%	16.7% #E4EEED	RGB 228 238 237	#E4EEED
33.3%	33.3% #E5EFF1	RGB 229 239 241	#E5EFF1
50.0%	50.0% #E6EDF3	RGB 230 237 243	#E6EDF3
66.7%	66.7% #E6EBF6	RGB 230 235 246	#E6EBF6
83.3%	83.3% #E7E8F8	RGB 231 232 248	#E7E8F8
100.0%	100.0% #ECE8FB	RGB 236 232 251	#ECE8FB

#E4ECE9 #E4EEED #E5EFF1 #E6EDF3 #E6EBF6 #E7E8F8 #ECE8FB

#E4ECE9 - #E6EDF3 - #ECE8FB

Códigos CSS

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

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