#3E2008 - #C7BFB8 | 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 #3E2008 to #C7BFB8

#3E2008 #C7BFB8

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

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

0.0%	0.0% #3E2008	RGB 62 32 8	#3E2008
16.7%	16.7% #543A25	RGB 84 58 37	#543A25
33.3%	33.3% #6B5542	RGB 107 85 66	#6B5542
50.0%	50.0% #826F60	RGB 130 111 96	#826F60
66.7%	66.7% #998A7D	RGB 153 138 125	#998A7D
83.3%	83.3% #B0A49A	RGB 176 164 154	#B0A49A
100.0%	100.0% #C7BFB8	RGB 199 191 184	#C7BFB8

#3E2008 #543A25 #6B5542 #826F60 #998A7D #B0A49A #C7BFB8

#3E2008 - #C7BFB8

HSV Blend

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

0.0%	0.0% #3E2008	RGB 62 32 8	#3E2008
16.7%	16.7% #543216	RGB 84 50 22	#543216
33.3%	33.3% #6B472A	RGB 107 71 42	#6B472A
50.0%	50.0% #826044	RGB 130 96 68	#826044
66.7%	66.7% #997D65	RGB 153 125 101	#997D65
83.3%	83.3% #B09C8B	RGB 176 156 139	#B09C8B
100.0%	100.0% #C7BFB8	RGB 199 191 184	#C7BFB8

#3E2008 #543216 #6B472A #826044 #997D65 #B09C8B #C7BFB8

#3E2008 - #826044 - #C7BFB8

CSS codes

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

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