#E8ECE4 - #E8FAFB | 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 #E8ECE4 a #E8FAFB

#E8ECE4 #E8FAFB

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

#E8ECE4 - #E8FAFB | 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 #E8ECE4 como 0% y #E8FAFB como 100%.

0.0%	0.0% #E8ECE4	RGB 232 236 228	#E8ECE4
16.7%	16.7% #E8EEE7	RGB 232 238 231	#E8EEE7
33.3%	33.3% #E8F0EB	RGB 232 240 235	#E8F0EB
50.0%	50.0% #E8F3EF	RGB 232 243 239	#E8F3EF
66.7%	66.7% #E8F5F3	RGB 232 245 243	#E8F5F3
83.3%	83.3% #E8F7F7	RGB 232 247 247	#E8F7F7
100.0%	100.0% #E8FAFB	RGB 232 250 251	#E8FAFB

#E8ECE4 #E8EEE7 #E8F0EB #E8F3EF #E8F5F3 #E8F7F7 #E8FAFB

#E8ECE4 - #E8FAFB

Mezcla HSV

#E8ECE4 - #E8FAFB | 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 #E8ECE4 como 0% y #E8FAFB como 100%.

0.0%	0.0% #E8ECE4	RGB 232 236 228	#E8ECE4
16.7%	16.7% #E7EEE4	RGB 231 238 228	#E7EEE4
33.3%	33.3% #E5F1E5	RGB 229 241 229	#E5F1E5
50.0%	50.0% #E6F3E9	RGB 230 243 233	#E6F3E9
66.7%	66.7% #E6F6EE	RGB 230 246 238	#E6F6EE
83.3%	83.3% #E7F8F4	RGB 231 248 244	#E7F8F4
100.0%	100.0% #E8FAFB	RGB 232 250 251	#E8FAFB

#E8ECE4 #E7EEE4 #E5F1E5 #E6F3E9 #E6F6EE #E7F8F4 #E8FAFB

#E8ECE4 - #E6F3E9 - #E8FAFB

Códigos CSS

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

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