#E5E2DD - #FEEDE6 | 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 #E5E2DD a #FEEDE6

#E5E2DD #FEEDE6

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

#E5E2DD - #FEEDE6 | 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 #E5E2DD como 0% y #FEEDE6 como 100%.

0.0%	0.0% #E5E2DD	RGB 229 226 221	#E5E2DD
16.7%	16.7% #E9E3DE	RGB 233 227 222	#E9E3DE
33.3%	33.3% #EDE5E0	RGB 237 229 224	#EDE5E0
50.0%	50.0% #F1E7E1	RGB 241 231 225	#F1E7E1
66.7%	66.7% #F5E9E3	RGB 245 233 227	#F5E9E3
83.3%	83.3% #F9EBE4	RGB 249 235 228	#F9EBE4
100.0%	100.0% #FEEDE6	RGB 254 237 230	#FEEDE6

#E5E2DD #E9E3DE #EDE5E0 #F1E7E1 #F5E9E3 #F9EBE4 #FEEDE6

#E5E2DD - #FEEDE6

Mezcla HSV

#E5E2DD - #FEEDE6 | 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 #E5E2DD como 0% y #FEEDE6 como 100%.

0.0%	0.0% #E5E2DD	RGB 229 226 221	#E5E2DD
16.7%	16.7% #E9E4DE	RGB 233 228 222	#E9E4DE
33.3%	33.3% #EDE7E0	RGB 237 231 224	#EDE7E0
50.0%	50.0% #F1E9E1	RGB 241 233 225	#F1E9E1
66.7%	66.7% #F5EAE3	RGB 245 234 227	#F5EAE3
83.3%	83.3% #F9ECE4	RGB 249 236 228	#F9ECE4
100.0%	100.0% #FEEDE6	RGB 254 237 230	#FEEDE6

#E5E2DD #E9E4DE #EDE7E0 #F1E9E1 #F5EAE3 #F9ECE4 #FEEDE6

#E5E2DD - #F1E9E1 - #FEEDE6

Códigos CSS

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

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