#E3E2E1 - #FDEEE8 | 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 #E3E2E1 a #FDEEE8

#E3E2E1 #FDEEE8

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

#E3E2E1 - #FDEEE8 | 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 #E3E2E1 como 0% y #FDEEE8 como 100%.

0.0%	0.0% #E3E2E1	RGB 227 226 225	#E3E2E1
16.7%	16.7% #E7E4E2	RGB 231 228 226	#E7E4E2
33.3%	33.3% #EBE6E3	RGB 235 230 227	#EBE6E3
50.0%	50.0% #F0E8E4	RGB 240 232 228	#F0E8E4
66.7%	66.7% #F4EAE5	RGB 244 234 229	#F4EAE5
83.3%	83.3% #F8ECE6	RGB 248 236 230	#F8ECE6
100.0%	100.0% #FDEEE8	RGB 253 238 232	#FDEEE8

#E3E2E1 #E7E4E2 #EBE6E3 #F0E8E4 #F4EAE5 #F8ECE6 #FDEEE8

#E3E2E1 - #FDEEE8

Mezcla HSV

#E3E2E1 - #FDEEE8 | 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 #E3E2E1 como 0% y #FDEEE8 como 100%.

0.0%	0.0% #E3E2E1	RGB 227 226 225	#E3E2E1
16.7%	16.7% #E7E4E2	RGB 231 228 226	#E7E4E2
33.3%	33.3% #EBE7E3	RGB 235 231 227	#EBE7E3
50.0%	50.0% #F0E9E4	RGB 240 233 228	#F0E9E4
66.7%	66.7% #F4EBE6	RGB 244 235 230	#F4EBE6
83.3%	83.3% #F8ECE7	RGB 248 236 231	#F8ECE7
100.0%	100.0% #FDEEE8	RGB 253 238 232	#FDEEE8

#E3E2E1 #E7E4E2 #EBE7E3 #F0E9E4 #F4EBE6 #F8ECE7 #FDEEE8

#E3E2E1 - #F0E9E4 - #FDEEE8

Códigos CSS

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

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