#3C2F23 - #844E5B | 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 #3C2F23 to #844E5B

#3C2F23 #844E5B

Calculate the color between two colors, #3C2F23 and #844E5B. 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)

#3C2F23 - #844E5B | 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 #3C2F23 as 0% and #844E5B as 100%.

0.0%	0.0% #3C2F23	RGB 60 47 35	#3C2F23
16.7%	16.7% #48342C	RGB 72 52 44	#48342C
33.3%	33.3% #543935	RGB 84 57 53	#543935
50.0%	50.0% #603E3F	RGB 96 62 63	#603E3F
66.7%	66.7% #6C4348	RGB 108 67 72	#6C4348
83.3%	83.3% #784851	RGB 120 72 81	#784851
100.0%	100.0% #844E5B	RGB 132 78 91	#844E5B

#3C2F23 #48342C #543935 #603E3F #6C4348 #784851 #844E5B

#3C2F23 - #844E5B

HSV Blend

#3C2F23 - #844E5B | 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 #3C2F23 as 0% and #844E5B as 100%.

0.0%	0.0% #3C2F23	RGB 60 47 35	#3C2F23
16.7%	16.7% #48342A	RGB 72 52 42	#48342A
33.3%	33.3% #543931	RGB 84 57 49	#543931
50.0%	50.0% #603D38	RGB 96 61 56	#603D38
66.7%	66.7% #6C3F3F	RGB 108 63 63	#6C3F3F
83.3%	83.3% #78464C	RGB 120 70 76	#78464C
100.0%	100.0% #844E5B	RGB 132 78 91	#844E5B

#3C2F23 #48342A #543931 #603D38 #6C3F3F #78464C #844E5B

#3C2F23 - #603D38 - #844E5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2F23 0%, #603D38 50%, #844E5B 100%);
    background: -webkit-linear-gradient(top, #3C2F23 0%, #603D38 50%, #844E5B 100%);
    background: linear-gradient(to bottom, #3C2F23 0%, #603D38 50%, #844E5B 100%);
}
</style>