#3E1007 - #C7BAB8 | 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 #3E1007 to #C7BAB8

#3E1007 #C7BAB8

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

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

0.0%	0.0% #3E1007	RGB 62 16 7	#3E1007
16.7%	16.7% #542C24	RGB 84 44 36	#542C24
33.3%	33.3% #6B4842	RGB 107 72 66	#6B4842
50.0%	50.0% #82655F	RGB 130 101 95	#82655F
66.7%	66.7% #99817D	RGB 153 129 125	#99817D
83.3%	83.3% #B09D9A	RGB 176 157 154	#B09D9A
100.0%	100.0% #C7BAB8	RGB 199 186 184	#C7BAB8

#3E1007 #542C24 #6B4842 #82655F #99817D #B09D9A #C7BAB8

#3E1007 - #C7BAB8

HSV Blend

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

0.0%	0.0% #3E1007	RGB 62 16 7	#3E1007
16.7%	16.7% #541F15	RGB 84 31 21	#541F15
33.3%	33.3% #6B3329	RGB 107 51 41	#6B3329
50.0%	50.0% #824D43	RGB 130 77 67	#824D43
66.7%	66.7% #996B64	RGB 153 107 100	#996B64
83.3%	83.3% #B0908B	RGB 176 144 139	#B0908B
100.0%	100.0% #C7BAB8	RGB 199 186 184	#C7BAB8

#3E1007 #541F15 #6B3329 #824D43 #996B64 #B0908B #C7BAB8

#3E1007 - #824D43 - #C7BAB8

CSS codes

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

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