#E4E3E6 - #ECEAFD | 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 #E4E3E6 a #ECEAFD

#E4E3E6 #ECEAFD

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

#E4E3E6 - #ECEAFD | 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 #E4E3E6 como 0% y #ECEAFD como 100%.

0.0%	0.0% #E4E3E6	RGB 228 227 230	#E4E3E6
16.7%	16.7% #E5E4E9	RGB 229 228 233	#E5E4E9
33.3%	33.3% #E6E5ED	RGB 230 229 237	#E6E5ED
50.0%	50.0% #E8E6F1	RGB 232 230 241	#E8E6F1
66.7%	66.7% #E9E7F5	RGB 233 231 245	#E9E7F5
83.3%	83.3% #EAE8F9	RGB 234 232 249	#EAE8F9
100.0%	100.0% #ECEAFD	RGB 236 234 253	#ECEAFD

#E4E3E6 #E5E4E9 #E6E5ED #E8E6F1 #E9E7F5 #EAE8F9 #ECEAFD

#E4E3E6 - #ECEAFD

Mezcla HSV

#E4E3E6 - #ECEAFD | 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 #E4E3E6 como 0% y #ECEAFD como 100%.

0.0%	0.0% #E4E3E6	RGB 228 227 230	#E4E3E6
16.7%	16.7% #E5E4E9	RGB 229 228 233	#E5E4E9
33.3%	33.3% #E7E5ED	RGB 231 229 237	#E7E5ED
50.0%	50.0% #E9E6F1	RGB 233 230 241	#E9E6F1
66.7%	66.7% #EAE7F5	RGB 234 231 245	#EAE7F5
83.3%	83.3% #EBE9F9	RGB 235 233 249	#EBE9F9
100.0%	100.0% #ECEAFD	RGB 236 234 253	#ECEAFD

#E4E3E6 #E5E4E9 #E7E5ED #E9E6F1 #EAE7F5 #EBE9F9 #ECEAFD

#E4E3E6 - #E9E6F1 - #ECEAFD

Códigos CSS

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

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