#3E3D25 - #AA8048 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #3E3D25 to #AA8048

#3E3D25 #AA8048

Calculate the color between two colors, #3E3D25 and #AA8048. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#3E3D25 - #AA8048 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #3E3D25 as 0% and #AA8048 as 100%.

0.0%	0.0% #3E3D25	RGB 62 61 37	#3E3D25
16.7%	16.7% #50482A	RGB 80 72 42	#50482A
33.3%	33.3% #625330	RGB 98 83 48	#625330
50.0%	50.0% #745E36	RGB 116 94 54	#745E36
66.7%	66.7% #86693C	RGB 134 105 60	#86693C
83.3%	83.3% #987442	RGB 152 116 66	#987442
100.0%	100.0% #AA8048	RGB 170 128 72	#AA8048

#3E3D25 #50482A #625330 #745E36 #86693C #987442 #AA8048

#3E3D25 - #AA8048

HSV Blend

#3E3D25 - #AA8048 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #3E3D25 as 0% and #AA8048 as 100%.

0.0%	0.0% #3E3D25	RGB 62 61 37	#3E3D25
16.7%	16.7% #504C2D	RGB 80 76 45	#504C2D
33.3%	33.3% #625A34	RGB 98 90 52	#625A34
50.0%	50.0% #74663B	RGB 116 102 59	#74663B
66.7%	66.7% #867140	RGB 134 113 64	#867140
83.3%	83.3% #987944	RGB 152 121 68	#987944
100.0%	100.0% #AA8048	RGB 170 128 72	#AA8048

#3E3D25 #504C2D #625A34 #74663B #867140 #987944 #AA8048

#3E3D25 - #74663B - #AA8048

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3D25 0%, #74663B 50%, #AA8048 100%);
    background: -webkit-linear-gradient(top, #3E3D25 0%, #74663B 50%, #AA8048 100%);
    background: linear-gradient(to bottom, #3E3D25 0%, #74663B 50%, #AA8048 100%);
}
</style>