#49463C - #A58269 | 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 #49463C a #A58269

#49463C #A58269

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

#49463C - #A58269 | 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 #49463C como 0% y #A58269 como 100%.

0.0%	0.0% #49463C	RGB 73 70 60	#49463C
16.7%	16.7% #585043	RGB 88 80 67	#585043
33.3%	33.3% #675A4B	RGB 103 90 75	#675A4B
50.0%	50.0% #776452	RGB 119 100 82	#776452
66.7%	66.7% #866E5A	RGB 134 110 90	#866E5A
83.3%	83.3% #957861	RGB 149 120 97	#957861
100.0%	100.0% #A58269	RGB 165 130 105	#A58269

#49463C #585043 #675A4B #776452 #866E5A #957861 #A58269

#49463C - #A58269

Mezcla HSV

#49463C - #A58269 | 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 #49463C como 0% y #A58269 como 100%.

0.0%	0.0% #49463C	RGB 73 70 60	#49463C
16.7%	16.7% #585245	RGB 88 82 69	#585245
33.3%	33.3% #675F4E	RGB 103 95 78	#675F4E
50.0%	50.0% #776956	RGB 119 105 86	#776956
66.7%	66.7% #86735D	RGB 134 115 93	#86735D
83.3%	83.3% #957B63	RGB 149 123 99	#957B63
100.0%	100.0% #A58269	RGB 165 130 105	#A58269

#49463C #585245 #675F4E #776956 #86735D #957B63 #A58269

#49463C - #776956 - #A58269

Códigos CSS

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

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