#48493C - #A59469 | 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 #48493C a #A59469

#48493C #A59469

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

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

0.0%	0.0% #48493C	RGB 72 73 60	#48493C
16.7%	16.7% #575543	RGB 87 85 67	#575543
33.3%	33.3% #67624B	RGB 103 98 75	#67624B
50.0%	50.0% #766E52	RGB 118 110 82	#766E52
66.7%	66.7% #867B5A	RGB 134 123 90	#867B5A
83.3%	83.3% #958761	RGB 149 135 97	#958761
100.0%	100.0% #A59469	RGB 165 148 105	#A59469

#48493C #575543 #67624B #766E52 #867B5A #958761 #A59469

#48493C - #A59469

Mezcla HSV

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

0.0%	0.0% #48493C	RGB 72 73 60	#48493C
16.7%	16.7% #585845	RGB 88 88 69	#585845
33.3%	33.3% #67664E	RGB 103 102 78	#67664E
50.0%	50.0% #777356	RGB 119 115 86	#777356
66.7%	66.7% #867F5D	RGB 134 127 93	#867F5D
83.3%	83.3% #958A63	RGB 149 138 99	#958A63
100.0%	100.0% #A59469	RGB 165 148 105	#A59469

#48493C #585845 #67664E #777356 #867F5D #958A63 #A59469

#48493C - #777356 - #A59469

Códigos CSS

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

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