#3B391B - #A47B3E | 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 #3B391B a #A47B3E

#3B391B #A47B3E

Calcule el color entre dos colores, #3B391B y #A47B3E. 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)

#3B391B - #A47B3E | 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 #3B391B como 0% y #A47B3E como 100%.

0.0%	0.0% #3B391B	RGB 59 57 27	#3B391B
16.7%	16.7% #4C4420	RGB 76 68 32	#4C4420
33.3%	33.3% #5E4F26	RGB 94 79 38	#5E4F26
50.0%	50.0% #6F5A2C	RGB 111 90 44	#6F5A2C
66.7%	66.7% #816532	RGB 129 101 50	#816532
83.3%	83.3% #927038	RGB 146 112 56	#927038
100.0%	100.0% #A47B3E	RGB 164 123 62	#A47B3E

#3B391B #4C4420 #5E4F26 #6F5A2C #816532 #927038 #A47B3E

#3B391B - #A47B3E

Mezcla HSV

#3B391B - #A47B3E | 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 #3B391B como 0% y #A47B3E como 100%.

0.0%	0.0% #3B391B	RGB 59 57 27	#3B391B
16.7%	16.7% #4C4721	RGB 76 71 33	#4C4721
33.3%	33.3% #5E5428	RGB 94 84 40	#5E5428
50.0%	50.0% #6F602E	RGB 111 96 46	#6F602E
66.7%	66.7% #816A34	RGB 129 106 52	#816A34
83.3%	83.3% #927339	RGB 146 115 57	#927339
100.0%	100.0% #A47B3E	RGB 164 123 62	#A47B3E

#3B391B #4C4721 #5E5428 #6F602E #816A34 #927339 #A47B3E

#3B391B - #6F602E - #A47B3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B391B 0%, #6F602E 50%, #A47B3E 100%);
    background: -webkit-linear-gradient(top, #3B391B 0%, #6F602E 50%, #A47B3E 100%);
    background: linear-gradient(to bottom, #3B391B 0%, #6F602E 50%, #A47B3E 100%);
}
</style>