#3C0A20 - #832D4B | 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 #3C0A20 to #832D4B

#3C0A20 #832D4B

Calculate the color between two colors, #3C0A20 and #832D4B. 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)

#3C0A20 - #832D4B | 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 #3C0A20 as 0% and #832D4B as 100%.

0.0%	0.0% #3C0A20	RGB 60 10 32	#3C0A20
16.7%	16.7% #470F27	RGB 71 15 39	#470F27
33.3%	33.3% #53152E	RGB 83 21 46	#53152E
50.0%	50.0% #5F1B35	RGB 95 27 53	#5F1B35
66.7%	66.7% #6B213C	RGB 107 33 60	#6B213C
83.3%	83.3% #772743	RGB 119 39 67	#772743
100.0%	100.0% #832D4B	RGB 131 45 75	#832D4B

#3C0A20 #470F27 #53152E #5F1B35 #6B213C #772743 #832D4B

#3C0A20 - #832D4B

HSV Blend

#3C0A20 - #832D4B | 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 #3C0A20 as 0% and #832D4B as 100%.

0.0%	0.0% #3C0A1F	RGB 60 10 31	#3C0A1F
16.7%	16.7% #470E26	RGB 71 14 38	#470E26
33.3%	33.3% #53122D	RGB 83 18 45	#53122D
50.0%	50.0% #5F1834	RGB 95 24 52	#5F1834
66.7%	66.7% #6B1E3B	RGB 107 30 59	#6B1E3B
83.3%	83.3% #772543	RGB 119 37 67	#772543
100.0%	100.0% #832D4B	RGB 131 45 75	#832D4B

#3C0A1F #470E26 #53122D #5F1834 #6B1E3B #772543 #832D4B

#3C0A20 - #5F1834 - #832D4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0A1F 0%, #5F1834 50%, #832D4B 100%);
    background: -webkit-linear-gradient(top, #3C0A1F 0%, #5F1834 50%, #832D4B 100%);
    background: linear-gradient(to bottom, #3C0A1F 0%, #5F1834 50%, #832D4B 100%);
}
</style>