#3C3C3C - #AD8971 | 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 #3C3C3C to #AD8971

#3C3C3C #AD8971

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

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

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #4E4844	RGB 78 72 68	#4E4844
33.3%	33.3% #61554D	RGB 97 85 77	#61554D
50.0%	50.0% #746256	RGB 116 98 86	#746256
66.7%	66.7% #876F5F	RGB 135 111 95	#876F5F
83.3%	83.3% #9A7C68	RGB 154 124 104	#9A7C68
100.0%	100.0% #AD8971	RGB 173 137 113	#AD8971

#3C3C3C #4E4844 #61554D #746256 #876F5F #9A7C68 #AD8971

#3C3C3C - #AD8971

HSV Blend

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

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #4E4A4A	RGB 78 74 74	#4E4A4A
33.3%	33.3% #615756	RGB 97 87 86	#615756
50.0%	50.0% #746460	RGB 116 100 96	#746460
66.7%	66.7% #877068	RGB 135 112 104	#877068
83.3%	83.3% #9A7C6D	RGB 154 124 109	#9A7C6D
100.0%	100.0% #AD8971	RGB 173 137 113	#AD8971

#3C3C3C #4E4A4A #615756 #746460 #877068 #9A7C6D #AD8971

#3C3C3C - #746460 - #AD8971

CSS codes

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

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