#3E3E17 - #C7C7BC | 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 #3E3E17 to #C7C7BC

#3E3E17 #C7C7BC

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

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

0.0%	0.0% #3E3E17	RGB 62 62 23	#3E3E17
16.7%	16.7% #545432	RGB 84 84 50	#545432
33.3%	33.3% #6B6B4E	RGB 107 107 78	#6B6B4E
50.0%	50.0% #828269	RGB 130 130 105	#828269
66.7%	66.7% #999985	RGB 153 153 133	#999985
83.3%	83.3% #B0B0A0	RGB 176 176 160	#B0B0A0
100.0%	100.0% #C7C7BC	RGB 199 199 188	#C7C7BC

#3E3E17 #545432 #6B6B4E #828269 #999985 #B0B0A0 #C7C7BC

#3E3E17 - #C7C7BC

HSV Blend

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

0.0%	0.0% #3E3E17	RGB 62 62 23	#3E3E17
16.7%	16.7% #545427	RGB 84 84 39	#545427
33.3%	33.3% #6B6B3C	RGB 107 107 60	#6B6B3C
50.0%	50.0% #828255	RGB 130 130 85	#828255
66.7%	66.7% #999973	RGB 153 153 115	#999973
83.3%	83.3% #B0B095	RGB 176 176 149	#B0B095
100.0%	100.0% #C7C7BC	RGB 199 199 188	#C7C7BC

#3E3E17 #545427 #6B6B3C #828255 #999973 #B0B095 #C7C7BC

#3E3E17 - #828255 - #C7C7BC

CSS codes

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

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