#E5E6DC - #41413E | 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 #E5E6DC a #41413E

#E5E6DC #41413E

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

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

0.0%	0.0% #E5E6DC	RGB 229 230 220	#E5E6DC
16.7%	16.7% #C9CAC1	RGB 201 202 193	#C9CAC1
33.3%	33.3% #AEAFA7	RGB 174 175 167	#AEAFA7
50.0%	50.0% #93938D	RGB 147 147 141	#93938D
66.7%	66.7% #777872	RGB 119 120 114	#777872
83.3%	83.3% #5C5C58	RGB 92 92 88	#5C5C58
100.0%	100.0% #41413E	RGB 65 65 62	#41413E

#E5E6DC #C9CAC1 #AEAFA7 #93938D #777872 #5C5C58 #41413E

#E5E6DC - #41413E

Mezcla HSV

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

0.0%	0.0% #E5E6DC	RGB 229 230 220	#E5E6DC
16.7%	16.7% #C9CAC1	RGB 201 202 193	#C9CAC1
33.3%	33.3% #AEAFA7	RGB 174 175 167	#AEAFA7
50.0%	50.0% #93938C	RGB 147 147 140	#93938C
66.7%	66.7% #777872	RGB 119 120 114	#777872
83.3%	83.3% #5C5C58	RGB 92 92 88	#5C5C58
100.0%	100.0% #41413E	RGB 65 65 62	#41413E

#E5E6DC #C9CAC1 #AEAFA7 #93938C #777872 #5C5C58 #41413E

#E5E6DC - #93938C - #41413E

Códigos CSS

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

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