#391920 - #8F5042 | 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 #391920 to #8F5042

#391920 #8F5042

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

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

0.0%	0.0% #391920	RGB 57 25 32	#391920
16.7%	16.7% #472225	RGB 71 34 37	#472225
33.3%	33.3% #552B2B	RGB 85 43 43	#552B2B
50.0%	50.0% #643431	RGB 100 52 49	#643431
66.7%	66.7% #723D36	RGB 114 61 54	#723D36
83.3%	83.3% #80463C	RGB 128 70 60	#80463C
100.0%	100.0% #8F5042	RGB 143 80 66	#8F5042

#391920 #472225 #552B2B #643431 #723D36 #80463C #8F5042

#391920 - #8F5042

HSV Blend

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

0.0%	0.0% #39191F	RGB 57 25 31	#39191F
16.7%	16.7% #471F25	RGB 71 31 37	#471F25
33.3%	33.3% #55262A	RGB 85 38 42	#55262A
50.0%	50.0% #642D2E	RGB 100 45 46	#642D2E
66.7%	66.7% #723633	RGB 114 54 51	#723633
83.3%	83.3% #80423A	RGB 128 66 58	#80423A
100.0%	100.0% #8F5042	RGB 143 80 66	#8F5042

#39191F #471F25 #55262A #642D2E #723633 #80423A #8F5042

#391920 - #642D2E - #8F5042

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39191F 0%, #642D2E 50%, #8F5042 100%);
    background: -webkit-linear-gradient(top, #39191F 0%, #642D2E 50%, #8F5042 100%);
    background: linear-gradient(to bottom, #39191F 0%, #642D2E 50%, #8F5042 100%);
}
</style>