#3C2D08 - #C7C3B8 | 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 #3C2D08 to #C7C3B8

#3C2D08 #C7C3B8

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

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

0.0%	0.0% #3C2D08	RGB 60 45 8	#3C2D08
16.7%	16.7% #534625	RGB 83 70 37	#534625
33.3%	33.3% #6A5F42	RGB 106 95 66	#6A5F42
50.0%	50.0% #817860	RGB 129 120 96	#817860
66.7%	66.7% #98917D	RGB 152 145 125	#98917D
83.3%	83.3% #AFAA9A	RGB 175 170 154	#AFAA9A
100.0%	100.0% #C7C3B8	RGB 199 195 184	#C7C3B8

#3C2D08 #534625 #6A5F42 #817860 #98917D #AFAA9A #C7C3B8

#3C2D08 - #C7C3B8

HSV Blend

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

0.0%	0.0% #3C2D08	RGB 60 45 8	#3C2D08
16.7%	16.7% #534116	RGB 83 65 22	#534116
33.3%	33.3% #6A582A	RGB 106 88 42	#6A582A
50.0%	50.0% #817044	RGB 129 112 68	#817044
66.7%	66.7% #988A64	RGB 152 138 100	#988A64
83.3%	83.3% #AFA58B	RGB 175 165 139	#AFA58B
100.0%	100.0% #C7C3B8	RGB 199 195 184	#C7C3B8

#3C2D08 #534116 #6A582A #817044 #988A64 #AFA58B #C7C3B8

#3C2D08 - #817044 - #C7C3B8

CSS codes

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

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