#383906 - #8C7D31 | 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 #383906 to #8C7D31

#383906 #8C7D31

Calculate the color between two colors, #383906 and #8C7D31. 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)

#383906 - #8C7D31 | 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 #383906 as 0% and #8C7D31 as 100%.

0.0%	0.0% #383906	RGB 56 57 6	#383906
16.7%	16.7% #46440D	RGB 70 68 13	#46440D
33.3%	33.3% #544F14	RGB 84 79 20	#544F14
50.0%	50.0% #625B1B	RGB 98 91 27	#625B1B
66.7%	66.7% #706622	RGB 112 102 34	#706622
83.3%	83.3% #7E7129	RGB 126 113 41	#7E7129
100.0%	100.0% #8C7D31	RGB 140 125 49	#8C7D31

#383906 #46440D #544F14 #625B1B #706622 #7E7129 #8C7D31

#383906 - #8C7D31

HSV Blend

#383906 - #8C7D31 | 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 #383906 as 0% and #8C7D31 as 100%.

0.0%	0.0% #383906	RGB 56 57 6	#383906
16.7%	16.7% #46460A	RGB 70 70 10	#46460A
33.3%	33.3% #54510F	RGB 84 81 15	#54510F
50.0%	50.0% #625C16	RGB 98 92 22	#625C16
66.7%	66.7% #70671E	RGB 112 103 30	#70671E
83.3%	83.3% #7E7227	RGB 126 114 39	#7E7227
100.0%	100.0% #8C7D31	RGB 140 125 49	#8C7D31

#383906 #46460A #54510F #625C16 #70671E #7E7227 #8C7D31

#383906 - #625C16 - #8C7D31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #383906 0%, #625C16 50%, #8C7D31 100%);
    background: -webkit-linear-gradient(top, #383906 0%, #625C16 50%, #8C7D31 100%);
    background: linear-gradient(to bottom, #383906 0%, #625C16 50%, #8C7D31 100%);
}
</style>