#3C2723 - #C7C0C0 | 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 #3C2723 to #C7C0C0

#3C2723 #C7C0C0

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

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

0.0%	0.0% #3C2723	RGB 60 39 35	#3C2723
16.7%	16.7% #53403D	RGB 83 64 61	#53403D
33.3%	33.3% #6A5A57	RGB 106 90 87	#6A5A57
50.0%	50.0% #817371	RGB 129 115 113	#817371
66.7%	66.7% #988D8B	RGB 152 141 139	#988D8B
83.3%	83.3% #AFA6A5	RGB 175 166 165	#AFA6A5
100.0%	100.0% #C7C0C0	RGB 199 192 192	#C7C0C0

#3C2723 #53403D #6A5A57 #817371 #988D8B #AFA6A5 #C7C0C0

#3C2723 - #C7C0C0

HSV Blend

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

0.0%	0.0% #3C2723	RGB 60 39 35	#3C2723
16.7%	16.7% #533935	RGB 83 57 53	#533935
33.3%	33.3% #6A4E4B	RGB 106 78 75	#6A4E4B
50.0%	50.0% #816664	RGB 129 102 100	#816664
66.7%	66.7% #98817F	RGB 152 129 127	#98817F
83.3%	83.3% #AF9E9E	RGB 175 158 158	#AF9E9E
100.0%	100.0% #C7C0C0	RGB 199 192 192	#C7C0C0

#3C2723 #533935 #6A4E4B #816664 #98817F #AF9E9E #C7C0C0

#3C2723 - #816664 - #C7C0C0

CSS codes

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

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