#B48948 - #874D11 | 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 #B48948 a #874D11

#B48948 #874D11

Calcule el color entre dos colores, #B48948 y #874D11. 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)

#B48948 - #874D11 | 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 #B48948 como 0% y #874D11 como 100%.

0.0%	0.0% #B48948	RGB 180 137 72	#B48948
16.7%	16.7% #AC7F3E	RGB 172 127 62	#AC7F3E
33.3%	33.3% #A57535	RGB 165 117 53	#A57535
50.0%	50.0% #9D6B2C	RGB 157 107 44	#9D6B2C
66.7%	66.7% #966123	RGB 150 97 35	#966123
83.3%	83.3% #8E571A	RGB 142 87 26	#8E571A
100.0%	100.0% #874D11	RGB 135 77 17	#874D11

#B48948 #AC7F3E #A57535 #9D6B2C #966123 #8E571A #874D11

#B48948 - #874D11

Mezcla HSV

#B48948 - #874D11 | 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 #B48948 como 0% y #874D11 como 100%.

0.0%	0.0% #B48948	RGB 180 137 72	#B48948
16.7%	16.7% #AC7E3D	RGB 172 126 61	#AC7E3D
33.3%	33.3% #A57432	RGB 165 116 50	#A57432
50.0%	50.0% #9D6929	RGB 157 105 41	#9D6929
66.7%	66.7% #965F20	RGB 150 95 32	#965F20
83.3%	83.3% #8E5618	RGB 142 86 24	#8E5618
100.0%	100.0% #874D11	RGB 135 77 17	#874D11

#B48948 #AC7E3D #A57432 #9D6929 #965F20 #8E5618 #874D11

#B48948 - #9D6929 - #874D11

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B48948 0%, #9D6929 50%, #874D11 100%);
    background: -webkit-linear-gradient(top, #B48948 0%, #9D6929 50%, #874D11 100%);
    background: linear-gradient(to bottom, #B48948 0%, #9D6929 50%, #874D11 100%);
}
</style>