#331A20 - #1C0708 | 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 #331A20 to #1C0708

#331A20 #1C0708

Calculate the color between two colors, #331A20 and #1C0708. 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)

#331A20 - #1C0708 | 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 #331A20 as 0% and #1C0708 as 100%.

0.0%	0.0% #331A20	RGB 51 26 32	#331A20
16.7%	16.7% #2F161C	RGB 47 22 28	#2F161C
33.3%	33.3% #2B1318	RGB 43 19 24	#2B1318
50.0%	50.0% #271014	RGB 39 16 20	#271014
66.7%	66.7% #230D10	RGB 35 13 16	#230D10
83.3%	83.3% #1F0A0C	RGB 31 10 12	#1F0A0C
100.0%	100.0% #1C0708	RGB 28 7 8	#1C0708

#331A20 #2F161C #2B1318 #271014 #230D10 #1F0A0C #1C0708

#331A20 - #1C0708

HSV Blend

#331A20 - #1C0708 | 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 #331A20 as 0% and #1C0708 as 100%.

0.0%	0.0% #331A20	RGB 51 26 32	#331A20
16.7%	16.7% #2F161B	RGB 47 22 27	#2F161B
33.3%	33.3% #2B1216	RGB 43 18 22	#2B1216
50.0%	50.0% #270F12	RGB 39 15 18	#270F12
66.7%	66.7% #230C0E	RGB 35 12 14	#230C0E
83.3%	83.3% #1F090B	RGB 31 9 11	#1F090B
100.0%	100.0% #1C0708	RGB 28 7 8	#1C0708

#331A20 #2F161B #2B1216 #270F12 #230C0E #1F090B #1C0708

#331A20 - #270F12 - #1C0708

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #331A20 0%, #270F12 50%, #1C0708 100%);
    background: -webkit-linear-gradient(top, #331A20 0%, #270F12 50%, #1C0708 100%);
    background: linear-gradient(to bottom, #331A20 0%, #270F12 50%, #1C0708 100%);
}
</style>