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

#3E3E16 #C7C7BC

Calculate the color between two colors, #3E3E16 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)

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

0.0%	0.0% #3E3E16	RGB 62 62 22	#3E3E16
16.7%	16.7% #545431	RGB 84 84 49	#545431
33.3%	33.3% #6B6B4D	RGB 107 107 77	#6B6B4D
50.0%	50.0% #828269	RGB 130 130 105	#828269
66.7%	66.7% #999984	RGB 153 153 132	#999984
83.3%	83.3% #B0B0A0	RGB 176 176 160	#B0B0A0
100.0%	100.0% #C7C7BC	RGB 199 199 188	#C7C7BC

#3E3E16 #545431 #6B6B4D #828269 #999984 #B0B0A0 #C7C7BC

#3E3E16 - #C7C7BC

HSV Blend

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

0.0%	0.0% #3E3E15	RGB 62 62 21	#3E3E15
16.7%	16.7% #545426	RGB 84 84 38	#545426
33.3%	33.3% #6B6B3B	RGB 107 107 59	#6B6B3B
50.0%	50.0% #828254	RGB 130 130 84	#828254
66.7%	66.7% #999972	RGB 153 153 114	#999972
83.3%	83.3% #B0B095	RGB 176 176 149	#B0B095
100.0%	100.0% #C7C7BC	RGB 199 199 188	#C7C7BC

#3E3E15 #545426 #6B6B3B #828254 #999972 #B0B095 #C7C7BC

#3E3E16 - #828254 - #C7C7BC

CSS codes

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

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