#ECE2D9 - #43403E | 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 #ECE2D9 a #43403E

#ECE2D9 #43403E

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

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

0.0%	0.0% #ECE2D9	RGB 236 226 217	#ECE2D9
16.7%	16.7% #CFC7BF	RGB 207 199 191	#CFC7BF
33.3%	33.3% #B3ACA5	RGB 179 172 165	#B3ACA5
50.0%	50.0% #97918B	RGB 151 145 139	#97918B
66.7%	66.7% #7B7671	RGB 123 118 113	#7B7671
83.3%	83.3% #5F5B57	RGB 95 91 87	#5F5B57
100.0%	100.0% #43403E	RGB 67 64 62	#43403E

#ECE2D9 #CFC7BF #B3ACA5 #97918B #7B7671 #5F5B57 #43403E

#ECE2D9 - #43403E

Mezcla HSV

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

0.0%	0.0% #ECE2D9	RGB 236 226 217	#ECE2D9
16.7%	16.7% #CFC6BF	RGB 207 198 191	#CFC6BF
33.3%	33.3% #B3ABA5	RGB 179 171 165	#B3ABA5
50.0%	50.0% #97908B	RGB 151 144 139	#97908B
66.7%	66.7% #7B7571	RGB 123 117 113	#7B7571
83.3%	83.3% #5F5A57	RGB 95 90 87	#5F5A57
100.0%	100.0% #43403E	RGB 67 64 62	#43403E

#ECE2D9 #CFC6BF #B3ABA5 #97908B #7B7571 #5F5A57 #43403E

#ECE2D9 - #97908B - #43403E

Códigos CSS

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

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