#3A2D32 - #A4705C | 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 #3A2D32 to #A4705C

#3A2D32 #A4705C

Calculate the color between two colors, #3A2D32 and #A4705C. 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)

#3A2D32 - #A4705C | 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 #3A2D32 as 0% and #A4705C as 100%.

0.0%	0.0% #3A2D32	RGB 58 45 50	#3A2D32
16.7%	16.7% #4B3839	RGB 75 56 57	#4B3839
33.3%	33.3% #5D4340	RGB 93 67 64	#5D4340
50.0%	50.0% #6F4E47	RGB 111 78 71	#6F4E47
66.7%	66.7% #80594E	RGB 128 89 78	#80594E
83.3%	83.3% #926455	RGB 146 100 85	#926455
100.0%	100.0% #A4705C	RGB 164 112 92	#A4705C

#3A2D32 #4B3839 #5D4340 #6F4E47 #80594E #926455 #A4705C

#3A2D32 - #A4705C

HSV Blend

#3A2D32 - #A4705C | 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 #3A2D32 as 0% and #A4705C as 100%.

0.0%	0.0% #3A2D32	RGB 58 45 50	#3A2D32
16.7%	16.7% #4B373D	RGB 75 55 61	#4B373D
33.3%	33.3% #5D4146	RGB 93 65 70	#5D4146
50.0%	50.0% #6F4A4C	RGB 111 74 76	#6F4A4C
66.7%	66.7% #805451	RGB 128 84 81	#805451
83.3%	83.3% #926157	RGB 146 97 87	#926157
100.0%	100.0% #A4705C	RGB 164 112 92	#A4705C

#3A2D32 #4B373D #5D4146 #6F4A4C #805451 #926157 #A4705C

#3A2D32 - #6F4A4C - #A4705C

CSS codes

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

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