#E5E3E2 - #FFFAF3 | 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 #E5E3E2 a #FFFAF3

#E5E3E2 #FFFAF3

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

#E5E3E2 - #FFFAF3 | 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 #E5E3E2 como 0% y #FFFAF3 como 100%.

0.0%	0.0% #E5E3E2	RGB 229 227 226	#E5E3E2
16.7%	16.7% #E9E6E4	RGB 233 230 228	#E9E6E4
33.3%	33.3% #EDEAE7	RGB 237 234 231	#EDEAE7
50.0%	50.0% #F2EEEA	RGB 242 238 234	#F2EEEA
66.7%	66.7% #F6F2ED	RGB 246 242 237	#F6F2ED
83.3%	83.3% #FAF6F0	RGB 250 246 240	#FAF6F0
100.0%	100.0% #FFFAF3	RGB 255 250 243	#FFFAF3

#E5E3E2 #E9E6E4 #EDEAE7 #F2EEEA #F6F2ED #FAF6F0 #FFFAF3

#E5E3E2 - #FFFAF3

Mezcla HSV

#E5E3E2 - #FFFAF3 | 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 #E5E3E2 como 0% y #FFFAF3 como 100%.

0.0%	0.0% #E5E3E2	RGB 229 227 226	#E5E3E2
16.7%	16.7% #E9E6E4	RGB 233 230 228	#E9E6E4
33.3%	33.3% #EDEAE7	RGB 237 234 231	#EDEAE7
50.0%	50.0% #F2EEEA	RGB 242 238 234	#F2EEEA
66.7%	66.7% #F6F1ED	RGB 246 241 237	#F6F1ED
83.3%	83.3% #FAF5F0	RGB 250 245 240	#FAF5F0
100.0%	100.0% #FFFAF3	RGB 255 250 243	#FFFAF3

#E5E3E2 #E9E6E4 #EDEAE7 #F2EEEA #F6F1ED #FAF5F0 #FFFAF3

#E5E3E2 - #F2EEEA - #FFFAF3

Códigos CSS

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

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