#4E443C - #BF8D65 | 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 #4E443C a #BF8D65

#4E443C #BF8D65

Calcule el color entre dos colores, #4E443C y #BF8D65. 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)

#4E443C - #BF8D65 | 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 #4E443C como 0% y #BF8D65 como 100%.

0.0%	0.0% #4E443C	RGB 78 68 60	#4E443C
16.7%	16.7% #605042	RGB 96 80 66	#605042
33.3%	33.3% #735C49	RGB 115 92 73	#735C49
50.0%	50.0% #866850	RGB 134 104 80	#866850
66.7%	66.7% #997457	RGB 153 116 87	#997457
83.3%	83.3% #AC805E	RGB 172 128 94	#AC805E
100.0%	100.0% #BF8D65	RGB 191 141 101	#BF8D65

#4E443C #605042 #735C49 #866850 #997457 #AC805E #BF8D65

#4E443C - #BF8D65

Mezcla HSV

#4E443C - #BF8D65 | 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 #4E443C como 0% y #BF8D65 como 100%.

0.0%	0.0% #4E443C	RGB 78 68 60	#4E443C
16.7%	16.7% #605246	RGB 96 82 70	#605246
33.3%	33.3% #735F4F	RGB 115 95 79	#735F4F
50.0%	50.0% #866C57	RGB 134 108 87	#866C57
66.7%	66.7% #99785D	RGB 153 120 93	#99785D
83.3%	83.3% #AC8261	RGB 172 130 97	#AC8261
100.0%	100.0% #BF8D65	RGB 191 141 101	#BF8D65

#4E443C #605246 #735F4F #866C57 #99785D #AC8261 #BF8D65

#4E443C - #866C57 - #BF8D65

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E443C 0%, #866C57 50%, #BF8D65 100%);
    background: -webkit-linear-gradient(top, #4E443C 0%, #866C57 50%, #BF8D65 100%);
    background: linear-gradient(to bottom, #4E443C 0%, #866C57 50%, #BF8D65 100%);
}
</style>