#3C2D2E - #220F09 | 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 #3C2D2E to #220F09

#3C2D2E #220F09

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

#3C2D2E - #220F09 | 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 #3C2D2E as 0% and #220F09 as 100%.

0.0%	0.0% #3C2D2E	RGB 60 45 46	#3C2D2E
16.7%	16.7% #372827	RGB 55 40 39	#372827
33.3%	33.3% #332321	RGB 51 35 33	#332321
50.0%	50.0% #2F1E1B	RGB 47 30 27	#2F1E1B
66.7%	66.7% #2A1915	RGB 42 25 21	#2A1915
83.3%	83.3% #26140F	RGB 38 20 15	#26140F
100.0%	100.0% #220F09	RGB 34 15 9	#220F09

#3C2D2E #372827 #332321 #2F1E1B #2A1915 #26140F #220F09

#3C2D2E - #220F09

HSV Blend

#3C2D2E - #220F09 | 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 #3C2D2E as 0% and #220F09 as 100%.

0.0%	0.0% #3C2D2D	RGB 60 45 45	#3C2D2D
16.7%	16.7% #372525	RGB 55 37 37	#372525
33.3%	33.3% #331E1E	RGB 51 30 30	#331E1E
50.0%	50.0% #2F1917	RGB 47 25 23	#2F1917
66.7%	66.7% #2A1512	RGB 42 21 18	#2A1512
83.3%	83.3% #26110D	RGB 38 17 13	#26110D
100.0%	100.0% #220F09	RGB 34 15 9	#220F09

#3C2D2D #372525 #331E1E #2F1917 #2A1512 #26110D #220F09

#3C2D2E - #2F1917 - #220F09

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2D2D 0%, #2F1917 50%, #220F09 100%);
    background: -webkit-linear-gradient(top, #3C2D2D 0%, #2F1917 50%, #220F09 100%);
    background: linear-gradient(to bottom, #3C2D2D 0%, #2F1917 50%, #220F09 100%);
}
</style>