#E5E5ED - #FFF7FD | 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 #E5E5ED a #FFF7FD

#E5E5ED #FFF7FD

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

#E5E5ED - #FFF7FD | 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 #E5E5ED como 0% y #FFF7FD como 100%.

0.0%	0.0% #E5E5ED	RGB 229 229 237	#E5E5ED
16.7%	16.7% #E9E8EF	RGB 233 232 239	#E9E8EF
33.3%	33.3% #EDEBF2	RGB 237 235 242	#EDEBF2
50.0%	50.0% #F2EEF5	RGB 242 238 245	#F2EEF5
66.7%	66.7% #F6F1F7	RGB 246 241 247	#F6F1F7
83.3%	83.3% #FAF4FA	RGB 250 244 250	#FAF4FA
100.0%	100.0% #FFF7FD	RGB 255 247 253	#FFF7FD

#E5E5ED #E9E8EF #EDEBF2 #F2EEF5 #F6F1F7 #FAF4FA #FFF7FD

#E5E5ED - #FFF7FD

Mezcla HSV

#E5E5ED - #FFF7FD | 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 #E5E5ED como 0% y #FFF7FD como 100%.

0.0%	0.0% #E5E5ED	RGB 229 229 237	#E5E5ED
16.7%	16.7% #E9E7F0	RGB 233 231 240	#E9E7F0
33.3%	33.3% #EEEAF3	RGB 238 234 243	#EEEAF3
50.0%	50.0% #F2EDF6	RGB 242 237 246	#F2EDF6
66.7%	66.7% #F7F0F9	RGB 247 240 249	#F7F0F9
83.3%	83.3% #FCF3FB	RGB 252 243 251	#FCF3FB
100.0%	100.0% #FFF7FD	RGB 255 247 253	#FFF7FD

#E5E5ED #E9E7F0 #EEEAF3 #F2EDF6 #F7F0F9 #FCF3FB #FFF7FD

#E5E5ED - #F2EDF6 - #FFF7FD

Códigos CSS

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

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