#E5E6E2 - #E7F8F1 | 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 #E5E6E2 a #E7F8F1

#E5E6E2 #E7F8F1

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

#E5E6E2 - #E7F8F1 | 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 #E5E6E2 como 0% y #E7F8F1 como 100%.

0.0%	0.0% #E5E6E2	RGB 229 230 226	#E5E6E2
16.7%	16.7% #E5E9E4	RGB 229 233 228	#E5E9E4
33.3%	33.3% #E5ECE7	RGB 229 236 231	#E5ECE7
50.0%	50.0% #E6EFE9	RGB 230 239 233	#E6EFE9
66.7%	66.7% #E6F2EC	RGB 230 242 236	#E6F2EC
83.3%	83.3% #E6F5EE	RGB 230 245 238	#E6F5EE
100.0%	100.0% #E7F8F1	RGB 231 248 241	#E7F8F1

#E5E6E2 #E5E9E4 #E5ECE7 #E6EFE9 #E6F2EC #E6F5EE #E7F8F1

#E5E6E2 - #E7F8F1

Mezcla HSV

#E5E6E2 - #E7F8F1 | 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 #E5E6E2 como 0% y #E7F8F1 como 100%.

0.0%	0.0% #E5E6E2	RGB 229 230 226	#E5E6E2
16.7%	16.7% #E6E9E2	RGB 230 233 226	#E6E9E2
33.3%	33.3% #E6ECE3	RGB 230 236 227	#E6ECE3
50.0%	50.0% #E5EFE4	RGB 229 239 228	#E5EFE4
66.7%	66.7% #E5F2E7	RGB 229 242 231	#E5F2E7
83.3%	83.3% #E6F5EB	RGB 230 245 235	#E6F5EB
100.0%	100.0% #E7F8F1	RGB 231 248 241	#E7F8F1

#E5E6E2 #E6E9E2 #E6ECE3 #E5EFE4 #E5F2E7 #E6F5EB #E7F8F1

#E5E6E2 - #E5EFE4 - #E7F8F1

Códigos CSS

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

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