#E6E3E2 - #FDEAE9 | 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 #E6E3E2 a #FDEAE9

#E6E3E2 #FDEAE9

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

#E6E3E2 - #FDEAE9 | 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 #E6E3E2 como 0% y #FDEAE9 como 100%.

0.0%	0.0% #E6E3E2	RGB 230 227 226	#E6E3E2
16.7%	16.7% #E9E4E3	RGB 233 228 227	#E9E4E3
33.3%	33.3% #EDE5E4	RGB 237 229 228	#EDE5E4
50.0%	50.0% #F1E6E5	RGB 241 230 229	#F1E6E5
66.7%	66.7% #F5E7E6	RGB 245 231 230	#F5E7E6
83.3%	83.3% #F9E8E7	RGB 249 232 231	#F9E8E7
100.0%	100.0% #FDEAE9	RGB 253 234 233	#FDEAE9

#E6E3E2 #E9E4E3 #EDE5E4 #F1E6E5 #F5E7E6 #F9E8E7 #FDEAE9

#E6E3E2 - #FDEAE9

Mezcla HSV

#E6E3E2 - #FDEAE9 | 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 #E6E3E2 como 0% y #FDEAE9 como 100%.

0.0%	0.0% #E6E3E2	RGB 230 227 226	#E6E3E2
16.7%	16.7% #E9E4E3	RGB 233 228 227	#E9E4E3
33.3%	33.3% #EDE6E4	RGB 237 230 228	#EDE6E4
50.0%	50.0% #F1E7E5	RGB 241 231 229	#F1E7E5
66.7%	66.7% #F5E8E6	RGB 245 232 230	#F5E8E6
83.3%	83.3% #F9E9E8	RGB 249 233 232	#F9E9E8
100.0%	100.0% #FDEAE9	RGB 253 234 233	#FDEAE9

#E6E3E2 #E9E4E3 #EDE6E4 #F1E7E5 #F5E8E6 #F9E9E8 #FDEAE9

#E6E3E2 - #F1E7E5 - #FDEAE9

Códigos CSS

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

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