#44463C - #9F9169 | 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 #44463C a #9F9169

#44463C #9F9169

Calcule el color entre dos colores, #44463C y #9F9169. 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)

#44463C - #9F9169 | 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 #44463C como 0% y #9F9169 como 100%.

0.0%	0.0% #44463C	RGB 68 70 60	#44463C
16.7%	16.7% #535243	RGB 83 82 67	#535243
33.3%	33.3% #625F4B	RGB 98 95 75	#625F4B
50.0%	50.0% #716B52	RGB 113 107 82	#716B52
66.7%	66.7% #80785A	RGB 128 120 90	#80785A
83.3%	83.3% #8F8461	RGB 143 132 97	#8F8461
100.0%	100.0% #9F9169	RGB 159 145 105	#9F9169

#44463C #535243 #625F4B #716B52 #80785A #8F8461 #9F9169

#44463C - #9F9169

Mezcla HSV

#44463C - #9F9169 | 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 #44463C como 0% y #9F9169 como 100%.

0.0%	0.0% #44463C	RGB 68 70 60	#44463C
16.7%	16.7% #525445	RGB 82 84 69	#525445
33.3%	33.3% #62634E	RGB 98 99 78	#62634E
50.0%	50.0% #727156	RGB 114 113 86	#727156
66.7%	66.7% #817D5D	RGB 129 125 93	#817D5D
83.3%	83.3% #908863	RGB 144 136 99	#908863
100.0%	100.0% #9F9169	RGB 159 145 105	#9F9169

#44463C #525445 #62634E #727156 #817D5D #908863 #9F9169

#44463C - #727156 - #9F9169

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44463C 0%, #727156 50%, #9F9169 100%);
    background: -webkit-linear-gradient(top, #44463C 0%, #727156 50%, #9F9169 100%);
    background: linear-gradient(to bottom, #44463C 0%, #727156 50%, #9F9169 100%);
}
</style>