#392406 - #C6C0B7 | 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 #392406 to #C6C0B7

#392406 #C6C0B7

Calculate the color between two colors, #392406 and #C6C0B7. 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)

#392406 - #C6C0B7 | 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 #392406 as 0% and #C6C0B7 as 100%.

0.0%	0.0% #392406	RGB 57 36 6	#392406
16.7%	16.7% #503E23	RGB 80 62 35	#503E23
33.3%	33.3% #685841	RGB 104 88 65	#685841
50.0%	50.0% #7F725E	RGB 127 114 94	#7F725E
66.7%	66.7% #978C7C	RGB 151 140 124	#978C7C
83.3%	83.3% #AEA699	RGB 174 166 153	#AEA699
100.0%	100.0% #C6C0B7	RGB 198 192 183	#C6C0B7

#392406 #503E23 #685841 #7F725E #978C7C #AEA699 #C6C0B7

#392406 - #C6C0B7

HSV Blend

#392406 - #C6C0B7 | 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 #392406 as 0% and #C6C0B7 as 100%.

0.0%	0.0% #392406	RGB 57 36 6	#392406
16.7%	16.7% #503713	RGB 80 55 19	#503713
33.3%	33.3% #684D27	RGB 104 77 39	#684D27
50.0%	50.0% #7F6641	RGB 127 102 65	#7F6641
66.7%	66.7% #978162	RGB 151 129 98	#978162
83.3%	83.3% #AE9F89	RGB 174 159 137	#AE9F89
100.0%	100.0% #C6C0B7	RGB 198 192 183	#C6C0B7

#392406 #503713 #684D27 #7F6641 #978162 #AE9F89 #C6C0B7

#392406 - #7F6641 - #C6C0B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392406 0%, #7F6641 50%, #C6C0B7 100%);
    background: -webkit-linear-gradient(top, #392406 0%, #7F6641 50%, #C6C0B7 100%);
    background: linear-gradient(to bottom, #392406 0%, #7F6641 50%, #C6C0B7 100%);
}
</style>