#E5E8D8 - #EAF8EB | 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 #E5E8D8 a #EAF8EB

#E5E8D8 #EAF8EB

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

#E5E8D8 - #EAF8EB | 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 #E5E8D8 como 0% y #EAF8EB como 100%.

0.0%	0.0% #E5E8D8	RGB 229 232 216	#E5E8D8
16.7%	16.7% #E5EADB	RGB 229 234 219	#E5EADB
33.3%	33.3% #E6EDDE	RGB 230 237 222	#E6EDDE
50.0%	50.0% #E7F0E1	RGB 231 240 225	#E7F0E1
66.7%	66.7% #E8F2E4	RGB 232 242 228	#E8F2E4
83.3%	83.3% #E9F5E7	RGB 233 245 231	#E9F5E7
100.0%	100.0% #EAF8EB	RGB 234 248 235	#EAF8EB

#E5E8D8 #E5EADB #E6EDDE #E7F0E1 #E8F2E4 #E9F5E7 #EAF8EB

#E5E8D8 - #EAF8EB

Mezcla HSV

#E5E8D8 - #EAF8EB | 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 #E5E8D8 como 0% y #EAF8EB como 100%.

0.0%	0.0% #E5E8D8	RGB 229 232 216	#E5E8D8
16.7%	16.7% #E5EADA	RGB 229 234 218	#E5EADA
33.3%	33.3% #E5EDDD	RGB 229 237 221	#E5EDDD
50.0%	50.0% #E6F0E0	RGB 230 240 224	#E6F0E0
66.7%	66.7% #E7F2E3	RGB 231 242 227	#E7F2E3
83.3%	83.3% #E8F5E6	RGB 232 245 230	#E8F5E6
100.0%	100.0% #EAF8EB	RGB 234 248 235	#EAF8EB

#E5E8D8 #E5EADA #E5EDDD #E6F0E0 #E7F2E3 #E8F5E6 #EAF8EB

#E5E8D8 - #E6F0E0 - #EAF8EB

Códigos CSS

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

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