#4A3025 - #AD714C | 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 #4A3025 to #AD714C

#4A3025 #AD714C

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

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

0.0%	0.0% #4A3025	RGB 74 48 37	#4A3025
16.7%	16.7% #5A3A2B	RGB 90 58 43	#5A3A2B
33.3%	33.3% #6B4532	RGB 107 69 50	#6B4532
50.0%	50.0% #7B5038	RGB 123 80 56	#7B5038
66.7%	66.7% #8C5B3F	RGB 140 91 63	#8C5B3F
83.3%	83.3% #9C6645	RGB 156 102 69	#9C6645
100.0%	100.0% #AD714C	RGB 173 113 76	#AD714C

#4A3025 #5A3A2B #6B4532 #7B5038 #8C5B3F #9C6645 #AD714C

#4A3025 - #AD714C

HSV Blend

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

0.0%	0.0% #4A3025	RGB 74 48 37	#4A3025
16.7%	16.7% #5A3A2C	RGB 90 58 44	#5A3A2C
33.3%	33.3% #6B4533	RGB 107 69 51	#6B4533
50.0%	50.0% #7B503A	RGB 123 80 58	#7B503A
66.7%	66.7% #8C5B40	RGB 140 91 64	#8C5B40
83.3%	83.3% #9C6546	RGB 156 101 70	#9C6546
100.0%	100.0% #AD714C	RGB 173 113 76	#AD714C

#4A3025 #5A3A2C #6B4533 #7B503A #8C5B40 #9C6546 #AD714C

#4A3025 - #7B503A - #AD714C

CSS codes

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

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