#391F14 - #855F3E | 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 #391F14 to #855F3E

#391F14 #855F3E

Calculate the color between two colors, #391F14 and #855F3E. 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)

#391F14 - #855F3E | 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 #391F14 as 0% and #855F3E as 100%.

0.0%	0.0% #391F14	RGB 57 31 20	#391F14
16.7%	16.7% #45291B	RGB 69 41 27	#45291B
33.3%	33.3% #523422	RGB 82 52 34	#523422
50.0%	50.0% #5F3F29	RGB 95 63 41	#5F3F29
66.7%	66.7% #6B4930	RGB 107 73 48	#6B4930
83.3%	83.3% #785437	RGB 120 84 55	#785437
100.0%	100.0% #855F3E	RGB 133 95 62	#855F3E

#391F14 #45291B #523422 #5F3F29 #6B4930 #785437 #855F3E

#391F14 - #855F3E

HSV Blend

#391F14 - #855F3E | 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 #391F14 as 0% and #855F3E as 100%.

0.0%	0.0% #391F14	RGB 57 31 20	#391F14
16.7%	16.7% #452819	RGB 69 40 25	#452819
33.3%	33.3% #523120	RGB 82 49 32	#523120
50.0%	50.0% #5F3C26	RGB 95 60 38	#5F3C26
66.7%	66.7% #6B472E	RGB 107 71 46	#6B472E
83.3%	83.3% #785235	RGB 120 82 53	#785235
100.0%	100.0% #855F3E	RGB 133 95 62	#855F3E

#391F14 #452819 #523120 #5F3C26 #6B472E #785235 #855F3E

#391F14 - #5F3C26 - #855F3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391F14 0%, #5F3C26 50%, #855F3E 100%);
    background: -webkit-linear-gradient(top, #391F14 0%, #5F3C26 50%, #855F3E 100%);
    background: linear-gradient(to bottom, #391F14 0%, #5F3C26 50%, #855F3E 100%);
}
</style>