#4A3027 - #AD724F | 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 #4A3027 to #AD724F

#4A3027 #AD724F

Calculate the color between two colors, #4A3027 and #AD724F. 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)

#4A3027 - #AD724F | 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 #4A3027 as 0% and #AD724F as 100%.

0.0%	0.0% #4A3027	RGB 74 48 39	#4A3027
16.7%	16.7% #5A3B2D	RGB 90 59 45	#5A3B2D
33.3%	33.3% #6B4634	RGB 107 70 52	#6B4634
50.0%	50.0% #7B513B	RGB 123 81 59	#7B513B
66.7%	66.7% #8C5C41	RGB 140 92 65	#8C5C41
83.3%	83.3% #9C6748	RGB 156 103 72	#9C6748
100.0%	100.0% #AD724F	RGB 173 114 79	#AD724F

#4A3027 #5A3B2D #6B4634 #7B513B #8C5C41 #9C6748 #AD724F

#4A3027 - #AD724F

HSV Blend

#4A3027 - #AD724F | 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 #4A3027 as 0% and #AD724F as 100%.

0.0%	0.0% #4A3027	RGB 74 48 39	#4A3027
16.7%	16.7% #5A3A2E	RGB 90 58 46	#5A3A2E
33.3%	33.3% #6B4535	RGB 107 69 53	#6B4535
50.0%	50.0% #7B503C	RGB 123 80 60	#7B503C
66.7%	66.7% #8C5B43	RGB 140 91 67	#8C5B43
83.3%	83.3% #9C6649	RGB 156 102 73	#9C6649
100.0%	100.0% #AD724F	RGB 173 114 79	#AD724F

#4A3027 #5A3A2E #6B4535 #7B503C #8C5B43 #9C6649 #AD724F

#4A3027 - #7B503C - #AD724F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A3027 0%, #7B503C 50%, #AD724F 100%);
    background: -webkit-linear-gradient(top, #4A3027 0%, #7B503C 50%, #AD724F 100%);
    background: linear-gradient(to bottom, #4A3027 0%, #7B503C 50%, #AD724F 100%);
}
</style>