#3C1009 - #82402C | 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 #3C1009 to #82402C

#3C1009 #82402C

Calculate the color between two colors, #3C1009 and #82402C. 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)

#3C1009 - #82402C | 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 #3C1009 as 0% and #82402C as 100%.

0.0%	0.0% #3C1009	RGB 60 16 9	#3C1009
16.7%	16.7% #47180E	RGB 71 24 14	#47180E
33.3%	33.3% #532014	RGB 83 32 20	#532014
50.0%	50.0% #5F281A	RGB 95 40 26	#5F281A
66.7%	66.7% #6A3020	RGB 106 48 32	#6A3020
83.3%	83.3% #763826	RGB 118 56 38	#763826
100.0%	100.0% #82402C	RGB 130 64 44	#82402C

#3C1009 #47180E #532014 #5F281A #6A3020 #763826 #82402C

#3C1009 - #82402C

HSV Blend

#3C1009 - #82402C | 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 #3C1009 as 0% and #82402C as 100%.

0.0%	0.0% #3C0F08	RGB 60 15 8	#3C0F08
16.7%	16.7% #47150D	RGB 71 21 13	#47150D
33.3%	33.3% #531C11	RGB 83 28 17	#531C11
50.0%	50.0% #5F2417	RGB 95 36 23	#5F2417
66.7%	66.7% #6A2C1D	RGB 106 44 29	#6A2C1D
83.3%	83.3% #763624	RGB 118 54 36	#763624
100.0%	100.0% #82402C	RGB 130 64 44	#82402C

#3C0F08 #47150D #531C11 #5F2417 #6A2C1D #763624 #82402C

#3C1009 - #5F2417 - #82402C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0F08 0%, #5F2417 50%, #82402C 100%);
    background: -webkit-linear-gradient(top, #3C0F08 0%, #5F2417 50%, #82402C 100%);
    background: linear-gradient(to bottom, #3C0F08 0%, #5F2417 50%, #82402C 100%);
}
</style>