#383919 - #8C7F47 | 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 #383919 to #8C7F47

#383919 #8C7F47

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

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

0.0%	0.0% #383919	RGB 56 57 25	#383919
16.7%	16.7% #464420	RGB 70 68 32	#464420
33.3%	33.3% #545028	RGB 84 80 40	#545028
50.0%	50.0% #625C30	RGB 98 92 48	#625C30
66.7%	66.7% #706737	RGB 112 103 55	#706737
83.3%	83.3% #7E733F	RGB 126 115 63	#7E733F
100.0%	100.0% #8C7F47	RGB 140 127 71	#8C7F47

#383919 #464420 #545028 #625C30 #706737 #7E733F #8C7F47

#383919 - #8C7F47

HSV Blend

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

0.0%	0.0% #383919	RGB 56 57 25	#383919
16.7%	16.7% #46461F	RGB 70 70 31	#46461F
33.3%	33.3% #545227	RGB 84 82 39	#545227
50.0%	50.0% #625E2E	RGB 98 94 46	#625E2E
66.7%	66.7% #706936	RGB 112 105 54	#706936
83.3%	83.3% #7E743E	RGB 126 116 62	#7E743E
100.0%	100.0% #8C7F47	RGB 140 127 71	#8C7F47

#383919 #46461F #545227 #625E2E #706936 #7E743E #8C7F47

#383919 - #625E2E - #8C7F47

CSS codes

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

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