#0C0908 - #2D3E1B | 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 #0C0908 to #2D3E1B

#0C0908 #2D3E1B

Calculate the color between two colors, #0C0908 and #2D3E1B. 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)

#0C0908 - #2D3E1B | 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 #0C0908 as 0% and #2D3E1B as 100%.

0.0%	0.0% #0C0908	RGB 12 9 8	#0C0908
16.7%	16.7% #11110B	RGB 17 17 11	#11110B
33.3%	33.3% #171A0E	RGB 23 26 14	#171A0E
50.0%	50.0% #1C2311	RGB 28 35 17	#1C2311
66.7%	66.7% #222C14	RGB 34 44 20	#222C14
83.3%	83.3% #273517	RGB 39 53 23	#273517
100.0%	100.0% #2D3E1B	RGB 45 62 27	#2D3E1B

#0C0908 #11110B #171A0E #1C2311 #222C14 #273517 #2D3E1B

#0C0908 - #2D3E1B

HSV Blend

#0C0908 - #2D3E1B | 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 #0C0908 as 0% and #2D3E1B as 100%.

0.0%	0.0% #0C0908	RGB 12 9 8	#0C0908
16.7%	16.7% #14100C	RGB 20 16 12	#14100C
33.3%	33.3% #1C1810	RGB 28 24 16	#1C1810
50.0%	50.0% #252214	RGB 37 34 20	#252214
66.7%	66.7% #2B2D17	RGB 43 45 23	#2B2D17
83.3%	83.3% #2D3519	RGB 45 53 25	#2D3519
100.0%	100.0% #2D3E1B	RGB 45 62 27	#2D3E1B

#0C0908 #14100C #1C1810 #252214 #2B2D17 #2D3519 #2D3E1B

#0C0908 - #252214 - #2D3E1B

CSS codes

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

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