#3A3C0F - #846D3C | 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 #3A3C0F a #846D3C

#3A3C0F #846D3C

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

#3A3C0F - #846D3C | 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 #3A3C0F como 0% y #846D3C como 100%.

0.0%	0.0% #3A3C0F	RGB 58 60 15	#3A3C0F
16.7%	16.7% #464416	RGB 70 68 22	#464416
33.3%	33.3% #524C1E	RGB 82 76 30	#524C1E
50.0%	50.0% #5F5425	RGB 95 84 37	#5F5425
66.7%	66.7% #6B5C2D	RGB 107 92 45	#6B5C2D
83.3%	83.3% #776434	RGB 119 100 52	#776434
100.0%	100.0% #846D3C	RGB 132 109 60	#846D3C

#3A3C0F #464416 #524C1E #5F5425 #6B5C2D #776434 #846D3C

#3A3C0F - #846D3C

Mezcla HSV

#3A3C0F - #846D3C | 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 #3A3C0F como 0% y #846D3C como 100%.

0.0%	0.0% #3A3C0F	RGB 58 60 15	#3A3C0F
16.7%	16.7% #484714	RGB 72 71 20	#484714
33.3%	33.3% #544F1A	RGB 84 79 26	#544F1A
50.0%	50.0% #605721	RGB 96 87 33	#605721
66.7%	66.7% #6C5E29	RGB 108 94 41	#6C5E29
83.3%	83.3% #786632	RGB 120 102 50	#786632
100.0%	100.0% #846D3C	RGB 132 109 60	#846D3C

#3A3C0F #484714 #544F1A #605721 #6C5E29 #786632 #846D3C

#3A3C0F - #605721 - #846D3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3C0F 0%, #605721 50%, #846D3C 100%);
    background: -webkit-linear-gradient(top, #3A3C0F 0%, #605721 50%, #846D3C 100%);
    background: linear-gradient(to bottom, #3A3C0F 0%, #605721 50%, #846D3C 100%);
}
</style>