#E3E5DD - #E8F8ED | 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 #E3E5DD a #E8F8ED

#E3E5DD #E8F8ED

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

#E3E5DD - #E8F8ED | 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 #E3E5DD como 0% y #E8F8ED como 100%.

0.0%	0.0% #E3E5DD	RGB 227 229 221	#E3E5DD
16.7%	16.7% #E3E8DF	RGB 227 232 223	#E3E8DF
33.3%	33.3% #E4EBE2	RGB 228 235 226	#E4EBE2
50.0%	50.0% #E5EEE5	RGB 229 238 229	#E5EEE5
66.7%	66.7% #E6F1E7	RGB 230 241 231	#E6F1E7
83.3%	83.3% #E7F4EA	RGB 231 244 234	#E7F4EA
100.0%	100.0% #E8F8ED	RGB 232 248 237	#E8F8ED

#E3E5DD #E3E8DF #E4EBE2 #E5EEE5 #E6F1E7 #E7F4EA #E8F8ED

#E3E5DD - #E8F8ED

Mezcla HSV

#E3E5DD - #E8F8ED | 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 #E3E5DD como 0% y #E8F8ED como 100%.

0.0%	0.0% #E3E5DD	RGB 227 229 221	#E3E5DD
16.7%	16.7% #E4E8DE	RGB 228 232 222	#E4E8DE
33.3%	33.3% #E4EBE0	RGB 228 235 224	#E4EBE0
50.0%	50.0% #E5EEE2	RGB 229 238 226	#E5EEE2
66.7%	66.7% #E5F1E4	RGB 229 241 228	#E5F1E4
83.3%	83.3% #E6F4E8	RGB 230 244 232	#E6F4E8
100.0%	100.0% #E8F8ED	RGB 232 248 237	#E8F8ED

#E3E5DD #E4E8DE #E4EBE0 #E5EEE2 #E5F1E4 #E6F4E8 #E8F8ED

#E3E5DD - #E5EEE2 - #E8F8ED

Códigos CSS

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

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