#E6E5E5 - #EDEBFD | 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 #E6E5E5 a #EDEBFD

#E6E5E5 #EDEBFD

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

#E6E5E5 - #EDEBFD | 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 #E6E5E5 como 0% y #EDEBFD como 100%.

0.0%	0.0% #E6E5E5	RGB 230 229 229	#E6E5E5
16.7%	16.7% #E7E6E9	RGB 231 230 233	#E7E6E9
33.3%	33.3% #E8E7ED	RGB 232 231 237	#E8E7ED
50.0%	50.0% #E9E8F1	RGB 233 232 241	#E9E8F1
66.7%	66.7% #EAE9F5	RGB 234 233 245	#EAE9F5
83.3%	83.3% #EBEAF9	RGB 235 234 249	#EBEAF9
100.0%	100.0% #EDEBFD	RGB 237 235 253	#EDEBFD

#E6E5E5 #E7E6E9 #E8E7ED #E9E8F1 #EAE9F5 #EBEAF9 #EDEBFD

#E6E5E5 - #EDEBFD

Mezcla HSV

#E6E5E5 - #EDEBFD | 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 #E6E5E5 como 0% y #EDEBFD como 100%.

0.0%	0.0% #E6E5E5	RGB 230 229 229	#E6E5E5
16.7%	16.7% #E9E6E7	RGB 233 230 231	#E9E6E7
33.3%	33.3% #EDE7EB	RGB 237 231 235	#EDE7EB
50.0%	50.0% #F1E8F0	RGB 241 232 240	#F1E8F0
66.7%	66.7% #F2E9F5	RGB 242 233 245	#F2E9F5
83.3%	83.3% #F0EAF9	RGB 240 234 249	#F0EAF9
100.0%	100.0% #EDEBFD	RGB 237 235 253	#EDEBFD

#E6E5E5 #E9E6E7 #EDE7EB #F1E8F0 #F2E9F5 #F0EAF9 #EDEBFD

#E6E5E5 - #F1E8F0 - #EDEBFD

Códigos CSS

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

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