#B3733C - #332011 | 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 #B3733C a #332011

#B3733C #332011

Calcule el color entre dos colores, #B3733C y #332011. 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)

#B3733C - #332011 | 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 #B3733C como 0% y #332011 como 100%.

0.0%	0.0% #B3733C	RGB 179 115 60	#B3733C
16.7%	16.7% #9D6534	RGB 157 101 52	#9D6534
33.3%	33.3% #88572D	RGB 136 87 45	#88572D
50.0%	50.0% #734926	RGB 115 73 38	#734926
66.7%	66.7% #5D3B1F	RGB 93 59 31	#5D3B1F
83.3%	83.3% #482D18	RGB 72 45 24	#482D18
100.0%	100.0% #332011	RGB 51 32 17	#332011

#B3733C #9D6534 #88572D #734926 #5D3B1F #482D18 #332011

#B3733C - #332011

Mezcla HSV

#B3733C - #332011 | 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 #B3733C como 0% y #332011 como 100%.

0.0%	0.0% #B3733C	RGB 179 115 60	#B3733C
16.7%	16.7% #9D6434	RGB 157 100 52	#9D6434
33.3%	33.3% #88562D	RGB 136 86 45	#88562D
50.0%	50.0% #734926	RGB 115 73 38	#734926
66.7%	66.7% #5D3B1F	RGB 93 59 31	#5D3B1F
83.3%	83.3% #482D18	RGB 72 45 24	#482D18
100.0%	100.0% #332011	RGB 51 32 17	#332011

#B3733C #9D6434 #88562D #734926 #5D3B1F #482D18 #332011

#B3733C - #734926 - #332011

Códigos CSS

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

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