#E2E6E4 - #E9FDEC | 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 #E2E6E4 a #E9FDEC

#E2E6E4 #E9FDEC

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

#E2E6E4 - #E9FDEC | 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 #E2E6E4 como 0% y #E9FDEC como 100%.

0.0%	0.0% #E2E6E4	RGB 226 230 228	#E2E6E4
16.7%	16.7% #E3E9E5	RGB 227 233 229	#E3E9E5
33.3%	33.3% #E4EDE6	RGB 228 237 230	#E4EDE6
50.0%	50.0% #E5F1E8	RGB 229 241 232	#E5F1E8
66.7%	66.7% #E6F5E9	RGB 230 245 233	#E6F5E9
83.3%	83.3% #E7F9EA	RGB 231 249 234	#E7F9EA
100.0%	100.0% #E9FDEC	RGB 233 253 236	#E9FDEC

#E2E6E4 #E3E9E5 #E4EDE6 #E5F1E8 #E6F5E9 #E7F9EA #E9FDEC

#E2E6E4 - #E9FDEC

Mezcla HSV

#E2E6E4 - #E9FDEC | 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 #E2E6E4 como 0% y #E9FDEC como 100%.

0.0%	0.0% #E2E6E4	RGB 226 230 228	#E2E6E4
16.7%	16.7% #E3E9E6	RGB 227 233 230	#E3E9E6
33.3%	33.3% #E4EDE8	RGB 228 237 232	#E4EDE8
50.0%	50.0% #E5F1E9	RGB 229 241 233	#E5F1E9
66.7%	66.7% #E6F5EA	RGB 230 245 234	#E6F5EA
83.3%	83.3% #E8F9EB	RGB 232 249 235	#E8F9EB
100.0%	100.0% #E9FDEC	RGB 233 253 236	#E9FDEC

#E2E6E4 #E3E9E6 #E4EDE8 #E5F1E9 #E6F5EA #E8F9EB #E9FDEC

#E2E6E4 - #E5F1E9 - #E9FDEC

Códigos CSS

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

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