#E3E5DD - #F7F7F5 | 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 #F7F7F5

#E3E5DD #F7F7F5

Calcule el color entre dos colores, #E3E5DD y #F7F7F5. 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 - #F7F7F5 | 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 #F7F7F5 como 100%.

0.0%	0.0% #E3E5DD	RGB 227 229 221	#E3E5DD
16.7%	16.7% #E6E8E1	RGB 230 232 225	#E6E8E1
33.3%	33.3% #E9EBE5	RGB 233 235 229	#E9EBE5
50.0%	50.0% #EDEEE9	RGB 237 238 233	#EDEEE9
66.7%	66.7% #F0F1ED	RGB 240 241 237	#F0F1ED
83.3%	83.3% #F3F4F1	RGB 243 244 241	#F3F4F1
100.0%	100.0% #F7F7F5	RGB 247 247 245	#F7F7F5

#E3E5DD #E6E8E1 #E9EBE5 #EDEEE9 #F0F1ED #F3F4F1 #F7F7F5

#E3E5DD - #F7F7F5

Mezcla HSV

#E3E5DD - #F7F7F5 | 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 #F7F7F5 como 100%.

0.0%	0.0% #E3E5DD	RGB 227 229 221	#E3E5DD
16.7%	16.7% #E6E8E0	RGB 230 232 224	#E6E8E0
33.3%	33.3% #E9EBE4	RGB 233 235 228	#E9EBE4
50.0%	50.0% #EDEEE8	RGB 237 238 232	#EDEEE8
66.7%	66.7% #F0F1EC	RGB 240 241 236	#F0F1EC
83.3%	83.3% #F3F4F0	RGB 243 244 240	#F3F4F0
100.0%	100.0% #F7F7F5	RGB 247 247 245	#F7F7F5

#E3E5DD #E6E8E0 #E9EBE4 #EDEEE8 #F0F1EC #F3F4F0 #F7F7F5

#E3E5DD - #EDEEE8 - #F7F7F5

Códigos CSS

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

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