#3C161C - #8F4A3B | 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 #3C161C to #8F4A3B

#3C161C #8F4A3B

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

#3C161C - #8F4A3B | 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 #3C161C as 0% and #8F4A3B as 100%.

0.0%	0.0% #3C161C	RGB 60 22 28	#3C161C
16.7%	16.7% #491E21	RGB 73 30 33	#491E21
33.3%	33.3% #572726	RGB 87 39 38	#572726
50.0%	50.0% #65302B	RGB 101 48 43	#65302B
66.7%	66.7% #733830	RGB 115 56 48	#733830
83.3%	83.3% #814135	RGB 129 65 53	#814135
100.0%	100.0% #8F4A3B	RGB 143 74 59	#8F4A3B

#3C161C #491E21 #572726 #65302B #733830 #814135 #8F4A3B

#3C161C - #8F4A3B

HSV Blend

#3C161C - #8F4A3B | 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 #3C161C as 0% and #8F4A3B as 100%.

0.0%	0.0% #3C161C	RGB 60 22 28	#3C161C
16.7%	16.7% #491B20	RGB 73 27 32	#491B20
33.3%	33.3% #572123	RGB 87 33 35	#572123
50.0%	50.0% #652827	RGB 101 40 39	#652827
66.7%	66.7% #73322D	RGB 115 50 45	#73322D
83.3%	83.3% #813D34	RGB 129 61 52	#813D34
100.0%	100.0% #8F4A3B	RGB 143 74 59	#8F4A3B

#3C161C #491B20 #572123 #652827 #73322D #813D34 #8F4A3B

#3C161C - #652827 - #8F4A3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C161C 0%, #652827 50%, #8F4A3B 100%);
    background: -webkit-linear-gradient(top, #3C161C 0%, #652827 50%, #8F4A3B 100%);
    background: linear-gradient(to bottom, #3C161C 0%, #652827 50%, #8F4A3B 100%);
}
</style>