#391206 - #C6BBB7 | 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 #391206 to #C6BBB7

#391206 #C6BBB7

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

#391206 - #C6BBB7 | 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 #391206 as 0% and #C6BBB7 as 100%.

0.0%	0.0% #391206	RGB 57 18 6	#391206
16.7%	16.7% #502E23	RGB 80 46 35	#502E23
33.3%	33.3% #684A41	RGB 104 74 65	#684A41
50.0%	50.0% #7F665E	RGB 127 102 94	#7F665E
66.7%	66.7% #97827C	RGB 151 130 124	#97827C
83.3%	83.3% #AE9E99	RGB 174 158 153	#AE9E99
100.0%	100.0% #C6BBB7	RGB 198 187 183	#C6BBB7

#391206 #502E23 #684A41 #7F665E #97827C #AE9E99 #C6BBB7

#391206 - #C6BBB7

HSV Blend

#391206 - #C6BBB7 | 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 #391206 as 0% and #C6BBB7 as 100%.

0.0%	0.0% #391206	RGB 57 18 6	#391206
16.7%	16.7% #502213	RGB 80 34 19	#502213
33.3%	33.3% #683727	RGB 104 55 39	#683727
50.0%	50.0% #7F5141	RGB 127 81 65	#7F5141
66.7%	66.7% #976F62	RGB 151 111 98	#976F62
83.3%	83.3% #AE9389	RGB 174 147 137	#AE9389
100.0%	100.0% #C6BBB7	RGB 198 187 183	#C6BBB7

#391206 #502213 #683727 #7F5141 #976F62 #AE9389 #C6BBB7

#391206 - #7F5141 - #C6BBB7

CSS codes

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

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