#E9EAE8 - #E4F8F2 | 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 #E9EAE8 a #E4F8F2

#E9EAE8 #E4F8F2

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

#E9EAE8 - #E4F8F2 | 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 #E9EAE8 como 0% y #E4F8F2 como 100%.

0.0%	0.0% #E9EAE8	RGB 233 234 232	#E9EAE8
16.7%	16.7% #E8ECE9	RGB 232 236 233	#E8ECE9
33.3%	33.3% #E7EEEB	RGB 231 238 235	#E7EEEB
50.0%	50.0% #E6F1ED	RGB 230 241 237	#E6F1ED
66.7%	66.7% #E5F3EE	RGB 229 243 238	#E5F3EE
83.3%	83.3% #E4F5F0	RGB 228 245 240	#E4F5F0
100.0%	100.0% #E4F8F2	RGB 228 248 242	#E4F8F2

#E9EAE8 #E8ECE9 #E7EEEB #E6F1ED #E5F3EE #E4F5F0 #E4F8F2

#E9EAE8 - #E4F8F2

Mezcla HSV

#E9EAE8 - #E4F8F2 | 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 #E9EAE8 como 0% y #E4F8F2 como 100%.

0.0%	0.0% #E9EAE8	RGB 233 234 232	#E9EAE8
16.7%	16.7% #E8ECE7	RGB 232 236 231	#E8ECE7
33.3%	33.3% #E7EEE6	RGB 231 238 230	#E7EEE6
50.0%	50.0% #E6F1E7	RGB 230 241 231	#E6F1E7
66.7%	66.7% #E5F3E9	RGB 229 243 233	#E5F3E9
83.3%	83.3% #E4F5ED	RGB 228 245 237	#E4F5ED
100.0%	100.0% #E4F8F2	RGB 228 248 242	#E4F8F2

#E9EAE8 #E8ECE7 #E7EEE6 #E6F1E7 #E5F3E9 #E4F5ED #E4F8F2

#E9EAE8 - #E6F1E7 - #E4F8F2

Códigos CSS

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

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