#391501 - #C6BCB6 | 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 #391501 to #C6BCB6

#391501 #C6BCB6

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

#391501 - #C6BCB6 | 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 #391501 as 0% and #C6BCB6 as 100%.

0.0%	0.0% #391501	RGB 57 21 1	#391501
16.7%	16.7% #50301F	RGB 80 48 31	#50301F
33.3%	33.3% #684C3D	RGB 104 76 61	#684C3D
50.0%	50.0% #7F685B	RGB 127 104 91	#7F685B
66.7%	66.7% #978479	RGB 151 132 121	#978479
83.3%	83.3% #AEA097	RGB 174 160 151	#AEA097
100.0%	100.0% #C6BCB6	RGB 198 188 182	#C6BCB6

#391501 #50301F #684C3D #7F685B #978479 #AEA097 #C6BCB6

#391501 - #C6BCB6

HSV Blend

#391501 - #C6BCB6 | 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 #391501 as 0% and #C6BCB6 as 100%.

0.0%	0.0% #391500	RGB 57 21 0	#391500
16.7%	16.7% #50250D	RGB 80 37 13	#50250D
33.3%	33.3% #683A21	RGB 104 58 33	#683A21
50.0%	50.0% #7F543B	RGB 127 84 59	#7F543B
66.7%	66.7% #97725D	RGB 151 114 93	#97725D
83.3%	83.3% #AE9586	RGB 174 149 134	#AE9586
100.0%	100.0% #C6BCB6	RGB 198 188 182	#C6BCB6

#391500 #50250D #683A21 #7F543B #97725D #AE9586 #C6BCB6

#391501 - #7F543B - #C6BCB6

CSS codes

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

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