#2F2323 - #3C0D00 | 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 #2F2323 to #3C0D00

#2F2323 #3C0D00

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

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

0.0%	0.0% #2F2323	RGB 47 35 35	#2F2323
16.7%	16.7% #311F1D	RGB 49 31 29	#311F1D
33.3%	33.3% #331B17	RGB 51 27 23	#331B17
50.0%	50.0% #351811	RGB 53 24 17	#351811
66.7%	66.7% #37140B	RGB 55 20 11	#37140B
83.3%	83.3% #391005	RGB 57 16 5	#391005
100.0%	100.0% #3C0D00	RGB 60 13 0	#3C0D00

#2F2323 #311F1D #331B17 #351811 #37140B #391005 #3C0D00

#2F2323 - #3C0D00

HSV Blend

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

0.0%	0.0% #2F2323	RGB 47 35 35	#2F2323
16.7%	16.7% #311F1E	RGB 49 31 30	#311F1E
33.3%	33.3% #331B19	RGB 51 27 25	#331B19
50.0%	50.0% #351713	RGB 53 23 19	#351713
66.7%	66.7% #37130D	RGB 55 19 13	#37130D
83.3%	83.3% #391007	RGB 57 16 7	#391007
100.0%	100.0% #3C0D00	RGB 60 13 0	#3C0D00

#2F2323 #311F1E #331B19 #351713 #37130D #391007 #3C0D00

#2F2323 - #351713 - #3C0D00

CSS codes

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

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