#E3E2D9 - #FFF5E4 | 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 #E3E2D9 a #FFF5E4

#E3E2D9 #FFF5E4

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

#E3E2D9 - #FFF5E4 | 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 #E3E2D9 como 0% y #FFF5E4 como 100%.

0.0%	0.0% #E3E2D9	RGB 227 226 217	#E3E2D9
16.7%	16.7% #E7E5DA	RGB 231 229 218	#E7E5DA
33.3%	33.3% #ECE8DC	RGB 236 232 220	#ECE8DC
50.0%	50.0% #F1EBDE	RGB 241 235 222	#F1EBDE
66.7%	66.7% #F5EEE0	RGB 245 238 224	#F5EEE0
83.3%	83.3% #FAF1E2	RGB 250 241 226	#FAF1E2
100.0%	100.0% #FFF5E4	RGB 255 245 228	#FFF5E4

#E3E2D9 #E7E5DA #ECE8DC #F1EBDE #F5EEE0 #FAF1E2 #FFF5E4

#E3E2D9 - #FFF5E4

Mezcla HSV

#E3E2D9 - #FFF5E4 | 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 #E3E2D9 como 0% y #FFF5E4 como 100%.

0.0%	0.0% #E3E2D9	RGB 227 226 217	#E3E2D9
16.7%	16.7% #E7E5DB	RGB 231 229 219	#E7E5DB
33.3%	33.3% #ECE9DD	RGB 236 233 221	#ECE9DD
50.0%	50.0% #F1ECDE	RGB 241 236 222	#F1ECDE
66.7%	66.7% #F5EFE0	RGB 245 239 224	#F5EFE0
83.3%	83.3% #FAF2E2	RGB 250 242 226	#FAF2E2
100.0%	100.0% #FFF5E4	RGB 255 245 228	#FFF5E4

#E3E2D9 #E7E5DB #ECE9DD #F1ECDE #F5EFE0 #FAF2E2 #FFF5E4

#E3E2D9 - #F1ECDE - #FFF5E4

Códigos CSS

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

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