#E3E4DD - #E8F8EF | 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 #E3E4DD a #E8F8EF

#E3E4DD #E8F8EF

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

#E3E4DD - #E8F8EF | 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 #E3E4DD como 0% y #E8F8EF como 100%.

0.0%	0.0% #E3E4DD	RGB 227 228 221	#E3E4DD
16.7%	16.7% #E3E7E0	RGB 227 231 224	#E3E7E0
33.3%	33.3% #E4EAE3	RGB 228 234 227	#E4EAE3
50.0%	50.0% #E5EEE6	RGB 229 238 230	#E5EEE6
66.7%	66.7% #E6F1E9	RGB 230 241 233	#E6F1E9
83.3%	83.3% #E7F4EC	RGB 231 244 236	#E7F4EC
100.0%	100.0% #E8F8EF	RGB 232 248 239	#E8F8EF

#E3E4DD #E3E7E0 #E4EAE3 #E5EEE6 #E6F1E9 #E7F4EC #E8F8EF

#E3E4DD - #E8F8EF

Mezcla HSV

#E3E4DD - #E8F8EF | 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 #E3E4DD como 0% y #E8F8EF como 100%.

0.0%	0.0% #E3E4DD	RGB 227 228 221	#E3E4DD
16.7%	16.7% #E4E7DE	RGB 228 231 222	#E4E7DE
33.3%	33.3% #E5EAE0	RGB 229 234 224	#E5EAE0
50.0%	50.0% #E5EEE2	RGB 229 238 226	#E5EEE2
66.7%	66.7% #E4F1E4	RGB 228 241 228	#E4F1E4
83.3%	83.3% #E6F4E9	RGB 230 244 233	#E6F4E9
100.0%	100.0% #E8F8EF	RGB 232 248 239	#E8F8EF

#E3E4DD #E4E7DE #E5EAE0 #E5EEE2 #E4F1E4 #E6F4E9 #E8F8EF

#E3E4DD - #E5EEE2 - #E8F8EF

Códigos CSS

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

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