#3C200A - #835C2D | 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 #3C200A to #835C2D

#3C200A #835C2D

Calculate the color between two colors, #3C200A and #835C2D. 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)

#3C200A - #835C2D | 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 #3C200A as 0% and #835C2D as 100%.

0.0%	0.0% #3C200A	RGB 60 32 10	#3C200A
16.7%	16.7% #472A0F	RGB 71 42 15	#472A0F
33.3%	33.3% #533415	RGB 83 52 21	#533415
50.0%	50.0% #5F3E1B	RGB 95 62 27	#5F3E1B
66.7%	66.7% #6B4821	RGB 107 72 33	#6B4821
83.3%	83.3% #775227	RGB 119 82 39	#775227
100.0%	100.0% #835C2D	RGB 131 92 45	#835C2D

#3C200A #472A0F #533415 #5F3E1B #6B4821 #775227 #835C2D

#3C200A - #835C2D

HSV Blend

#3C200A - #835C2D | 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 #3C200A as 0% and #835C2D as 100%.

0.0%	0.0% #3C200A	RGB 60 32 10	#3C200A
16.7%	16.7% #47280E	RGB 71 40 14	#47280E
33.3%	33.3% #533112	RGB 83 49 18	#533112
50.0%	50.0% #5F3B18	RGB 95 59 24	#5F3B18
66.7%	66.7% #6B451E	RGB 107 69 30	#6B451E
83.3%	83.3% #775025	RGB 119 80 37	#775025
100.0%	100.0% #835C2D	RGB 131 92 45	#835C2D

#3C200A #47280E #533112 #5F3B18 #6B451E #775025 #835C2D

#3C200A - #5F3B18 - #835C2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C200A 0%, #5F3B18 50%, #835C2D 100%);
    background: -webkit-linear-gradient(top, #3C200A 0%, #5F3B18 50%, #835C2D 100%);
    background: linear-gradient(to bottom, #3C200A 0%, #5F3B18 50%, #835C2D 100%);
}
</style>