#AC3E10 - #311104 | 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 #AC3E10 to #311104

#AC3E10 #311104

Calculate the color between two colors, #AC3E10 and #311104. 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)

#AC3E10 - #311104 | 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 #AC3E10 as 0% and #311104 as 100%.

0.0%	0.0% #AC3E10	RGB 172 62 16	#AC3E10
16.7%	16.7% #97360E	RGB 151 54 14	#97360E
33.3%	33.3% #832F0C	RGB 131 47 12	#832F0C
50.0%	50.0% #6E270A	RGB 110 39 10	#6E270A
66.7%	66.7% #5A2008	RGB 90 32 8	#5A2008
83.3%	83.3% #451806	RGB 69 24 6	#451806
100.0%	100.0% #311104	RGB 49 17 4	#311104

#AC3E10 #97360E #832F0C #6E270A #5A2008 #451806 #311104

#AC3E10 - #311104

HSV Blend

#AC3E10 - #311104 | 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 #AC3E10 as 0% and #311104 as 100%.

0.0%	0.0% #AC3E0F	RGB 172 62 15	#AC3E0F
16.7%	16.7% #97360D	RGB 151 54 13	#97360D
33.3%	33.3% #832E0B	RGB 131 46 11	#832E0B
50.0%	50.0% #6E2709	RGB 110 39 9	#6E2709
66.7%	66.7% #5A1F07	RGB 90 31 7	#5A1F07
83.3%	83.3% #451805	RGB 69 24 5	#451805
100.0%	100.0% #311104	RGB 49 17 4	#311104

#AC3E0F #97360D #832E0B #6E2709 #5A1F07 #451805 #311104

#AC3E10 - #6E2709 - #311104

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC3E0F 0%, #6E2709 50%, #311104 100%);
    background: -webkit-linear-gradient(top, #AC3E0F 0%, #6E2709 50%, #311104 100%);
    background: linear-gradient(to bottom, #AC3E0F 0%, #6E2709 50%, #311104 100%);
}
</style>