#E5E6DA - #40413E | 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 #E5E6DA a #40413E

#E5E6DA #40413E

Calcule el color entre dos colores, #E5E6DA y #40413E. 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)

#E5E6DA - #40413E | 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 #E5E6DA como 0% y #40413E como 100%.

0.0%	0.0% #E5E6DA	RGB 229 230 218	#E5E6DA
16.7%	16.7% #C9CAC0	RGB 201 202 192	#C9CAC0
33.3%	33.3% #AEAFA6	RGB 174 175 166	#AEAFA6
50.0%	50.0% #92938C	RGB 146 147 140	#92938C
66.7%	66.7% #777872	RGB 119 120 114	#777872
83.3%	83.3% #5B5C58	RGB 91 92 88	#5B5C58
100.0%	100.0% #40413E	RGB 64 65 62	#40413E

#E5E6DA #C9CAC0 #AEAFA6 #92938C #777872 #5B5C58 #40413E

#E5E6DA - #40413E

Mezcla HSV

#E5E6DA - #40413E | 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 #E5E6DA como 0% y #40413E como 100%.

0.0%	0.0% #E5E6DA	RGB 229 230 218	#E5E6DA
16.7%	16.7% #C9CAC0	RGB 201 202 192	#C9CAC0
33.3%	33.3% #ADAFA6	RGB 173 175 166	#ADAFA6
50.0%	50.0% #91938C	RGB 145 147 140	#91938C
66.7%	66.7% #767872	RGB 118 120 114	#767872
83.3%	83.3% #5B5C58	RGB 91 92 88	#5B5C58
100.0%	100.0% #40413E	RGB 64 65 62	#40413E

#E5E6DA #C9CAC0 #ADAFA6 #91938C #767872 #5B5C58 #40413E

#E5E6DA - #91938C - #40413E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E6DA 0%, #91938C 50%, #40413E 100%);
    background: -webkit-linear-gradient(top, #E5E6DA 0%, #91938C 50%, #40413E 100%);
    background: linear-gradient(to bottom, #E5E6DA 0%, #91938C 50%, #40413E 100%);
}
</style>