#E4ECE5 - #E8ECFB | 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 #E4ECE5 a #E8ECFB

#E4ECE5 #E8ECFB

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

#E4ECE5 - #E8ECFB | 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 #E4ECE5 como 0% y #E8ECFB como 100%.

0.0%	0.0% #E4ECE5	RGB 228 236 229	#E4ECE5
16.7%	16.7% #E4ECE8	RGB 228 236 232	#E4ECE8
33.3%	33.3% #E5ECEC	RGB 229 236 236	#E5ECEC
50.0%	50.0% #E6ECF0	RGB 230 236 240	#E6ECF0
66.7%	66.7% #E6ECF3	RGB 230 236 243	#E6ECF3
83.3%	83.3% #E7ECF7	RGB 231 236 247	#E7ECF7
100.0%	100.0% #E8ECFB	RGB 232 236 251	#E8ECFB

#E4ECE5 #E4ECE8 #E5ECEC #E6ECF0 #E6ECF3 #E7ECF7 #E8ECFB

#E4ECE5 - #E8ECFB

Mezcla HSV

#E4ECE5 - #E8ECFB | 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 #E4ECE5 como 0% y #E8ECFB como 100%.

0.0%	0.0% #E4ECE5	RGB 228 236 229	#E4ECE5
16.7%	16.7% #E4EEE8	RGB 228 238 232	#E4EEE8
33.3%	33.3% #E5F1ED	RGB 229 241 237	#E5F1ED
50.0%	50.0% #E6F3F2	RGB 230 243 242	#E6F3F2
66.7%	66.7% #E6F2F6	RGB 230 242 246	#E6F2F6
83.3%	83.3% #E7EFF8	RGB 231 239 248	#E7EFF8
100.0%	100.0% #E8ECFB	RGB 232 236 251	#E8ECFB

#E4ECE5 #E4EEE8 #E5F1ED #E6F3F2 #E6F2F6 #E7EFF8 #E8ECFB

#E4ECE5 - #E6F3F2 - #E8ECFB

Códigos CSS

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

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