#3C2810 - #2D1405 | 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 #3C2810 to #2D1405

#3C2810 #2D1405

Calculate the color between two colors, #3C2810 and #2D1405. 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)

#3C2810 - #2D1405 | 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 #3C2810 as 0% and #2D1405 as 100%.

0.0%	0.0% #3C2810	RGB 60 40 16	#3C2810
16.7%	16.7% #39240E	RGB 57 36 14	#39240E
33.3%	33.3% #37210C	RGB 55 33 12	#37210C
50.0%	50.0% #341E0A	RGB 52 30 10	#341E0A
66.7%	66.7% #321A08	RGB 50 26 8	#321A08
83.3%	83.3% #2F1706	RGB 47 23 6	#2F1706
100.0%	100.0% #2D1405	RGB 45 20 5	#2D1405

#3C2810 #39240E #37210C #341E0A #321A08 #2F1706 #2D1405

#3C2810 - #2D1405

HSV Blend

#3C2810 - #2D1405 | 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 #3C2810 as 0% and #2D1405 as 100%.

0.0%	0.0% #3C2810	RGB 60 40 16	#3C2810
16.7%	16.7% #39240D	RGB 57 36 13	#39240D
33.3%	33.3% #37200B	RGB 55 32 11	#37200B
50.0%	50.0% #341D09	RGB 52 29 9	#341D09
66.7%	66.7% #321A08	RGB 50 26 8	#321A08
83.3%	83.3% #2F1706	RGB 47 23 6	#2F1706
100.0%	100.0% #2D1405	RGB 45 20 5	#2D1405

#3C2810 #39240D #37200B #341D09 #321A08 #2F1706 #2D1405

#3C2810 - #341D09 - #2D1405

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2810 0%, #341D09 50%, #2D1405 100%);
    background: -webkit-linear-gradient(top, #3C2810 0%, #341D09 50%, #2D1405 100%);
    background: linear-gradient(to bottom, #3C2810 0%, #341D09 50%, #2D1405 100%);
}
</style>