#E2DDDC - #FFFEF3 | 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 #E2DDDC a #FFFEF3

#E2DDDC #FFFEF3

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

#E2DDDC - #FFFEF3 | 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 #E2DDDC como 0% y #FFFEF3 como 100%.

0.0%	0.0% #E2DDDC	RGB 226 221 220	#E2DDDC
16.7%	16.7% #E6E2DF	RGB 230 226 223	#E6E2DF
33.3%	33.3% #EBE8E3	RGB 235 232 227	#EBE8E3
50.0%	50.0% #F0EDE7	RGB 240 237 231	#F0EDE7
66.7%	66.7% #F5F3EB	RGB 245 243 235	#F5F3EB
83.3%	83.3% #FAF8EF	RGB 250 248 239	#FAF8EF
100.0%	100.0% #FFFEF3	RGB 255 254 243	#FFFEF3

#E2DDDC #E6E2DF #EBE8E3 #F0EDE7 #F5F3EB #FAF8EF #FFFEF3

#E2DDDC - #FFFEF3

Mezcla HSV

#E2DDDC - #FFFEF3 | 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 #E2DDDC como 0% y #FFFEF3 como 100%.

0.0%	0.0% #E2DDDC	RGB 226 221 220	#E2DDDC
16.7%	16.7% #E6E1DF	RGB 230 225 223	#E6E1DF
33.3%	33.3% #EBE7E3	RGB 235 231 227	#EBE7E3
50.0%	50.0% #F0ECE7	RGB 240 236 231	#F0ECE7
66.7%	66.7% #F5F2EB	RGB 245 242 235	#F5F2EB
83.3%	83.3% #FAF7EF	RGB 250 247 239	#FAF7EF
100.0%	100.0% #FFFEF3	RGB 255 254 243	#FFFEF3

#E2DDDC #E6E1DF #EBE7E3 #F0ECE7 #F5F2EB #FAF7EF #FFFEF3

#E2DDDC - #F0ECE7 - #FFFEF3

Códigos CSS

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

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