#3C2D08 - #291607 | 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 #3C2D08 to #291607

#3C2D08 #291607

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

#3C2D08 - #291607 | 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 #3C2D08 as 0% and #291607 as 100%.

0.0%	0.0% #3C2D08	RGB 60 45 8	#3C2D08
16.7%	16.7% #382907	RGB 56 41 7	#382907
33.3%	33.3% #352507	RGB 53 37 7	#352507
50.0%	50.0% #322107	RGB 50 33 7	#322107
66.7%	66.7% #2F1D07	RGB 47 29 7	#2F1D07
83.3%	83.3% #2C1907	RGB 44 25 7	#2C1907
100.0%	100.0% #291607	RGB 41 22 7	#291607

#3C2D08 #382907 #352507 #322107 #2F1D07 #2C1907 #291607

#3C2D08 - #291607

HSV Blend

#3C2D08 - #291607 | 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 #3C2D08 as 0% and #291607 as 100%.

0.0%	0.0% #3C2D08	RGB 60 45 8	#3C2D08
16.7%	16.7% #382807	RGB 56 40 7	#382807
33.3%	33.3% #352407	RGB 53 36 7	#352407
50.0%	50.0% #322007	RGB 50 32 7	#322007
66.7%	66.7% #2F1C07	RGB 47 28 7	#2F1C07
83.3%	83.3% #2C1907	RGB 44 25 7	#2C1907
100.0%	100.0% #291607	RGB 41 22 7	#291607

#3C2D08 #382807 #352407 #322007 #2F1C07 #2C1907 #291607

#3C2D08 - #322007 - #291607

CSS codes

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

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