#E5E2D9 - #41403E | 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 #E5E2D9 a #41403E

#E5E2D9 #41403E

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

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

0.0%	0.0% #E5E2D9	RGB 229 226 217	#E5E2D9
16.7%	16.7% #C9C7BF	RGB 201 199 191	#C9C7BF
33.3%	33.3% #AEACA5	RGB 174 172 165	#AEACA5
50.0%	50.0% #93918B	RGB 147 145 139	#93918B
66.7%	66.7% #777671	RGB 119 118 113	#777671
83.3%	83.3% #5C5B57	RGB 92 91 87	#5C5B57
100.0%	100.0% #41403E	RGB 65 64 62	#41403E

#E5E2D9 #C9C7BF #AEACA5 #93918B #777671 #5C5B57 #41403E

#E5E2D9 - #41403E

Mezcla HSV

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

0.0%	0.0% #E5E2D9	RGB 229 226 217	#E5E2D9
16.7%	16.7% #C9C6BF	RGB 201 198 191	#C9C6BF
33.3%	33.3% #AEABA5	RGB 174 171 165	#AEABA5
50.0%	50.0% #93908B	RGB 147 144 139	#93908B
66.7%	66.7% #777571	RGB 119 117 113	#777571
83.3%	83.3% #5C5A57	RGB 92 90 87	#5C5A57
100.0%	100.0% #41403E	RGB 65 64 62	#41403E

#E5E2D9 #C9C6BF #AEABA5 #93908B #777571 #5C5A57 #41403E

#E5E2D9 - #93908B - #41403E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E2D9 0%, #93908B 50%, #41403E 100%);
    background: -webkit-linear-gradient(top, #E5E2D9 0%, #93908B 50%, #41403E 100%);
    background: linear-gradient(to bottom, #E5E2D9 0%, #93908B 50%, #41403E 100%);
}
</style>