#E1DFDA - #EFF5E7 | 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 #E1DFDA a #EFF5E7

#E1DFDA #EFF5E7

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

#E1DFDA - #EFF5E7 | 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 #E1DFDA como 0% y #EFF5E7 como 100%.

0.0%	0.0% #E1DFDA	RGB 225 223 218	#E1DFDA
16.7%	16.7% #E3E2DC	RGB 227 226 220	#E3E2DC
33.3%	33.3% #E5E6DE	RGB 229 230 222	#E5E6DE
50.0%	50.0% #E8EAE0	RGB 232 234 224	#E8EAE0
66.7%	66.7% #EAEDE2	RGB 234 237 226	#EAEDE2
83.3%	83.3% #ECF1E4	RGB 236 241 228	#ECF1E4
100.0%	100.0% #EFF5E7	RGB 239 245 231	#EFF5E7

#E1DFDA #E3E2DC #E5E6DE #E8EAE0 #EAEDE2 #ECF1E4 #EFF5E7

#E1DFDA - #EFF5E7

Mezcla HSV

#E1DFDA - #EFF5E7 | 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 #E1DFDA como 0% y #EFF5E7 como 100%.

0.0%	0.0% #E1DFDA	RGB 225 223 218	#E1DFDA
16.7%	16.7% #E4E2DC	RGB 228 226 220	#E4E2DC
33.3%	33.3% #E7E7DE	RGB 231 231 222	#E7E7DE
50.0%	50.0% #EAEBE0	RGB 234 235 224	#EAEBE0
66.7%	66.7% #ECEEE2	RGB 236 238 226	#ECEEE2
83.3%	83.3% #EDF1E4	RGB 237 241 228	#EDF1E4
100.0%	100.0% #EFF5E7	RGB 239 245 231	#EFF5E7

#E1DFDA #E4E2DC #E7E7DE #EAEBE0 #ECEEE2 #EDF1E4 #EFF5E7

#E1DFDA - #EAEBE0 - #EFF5E7

Códigos CSS

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

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