#3C0C05 - #7E3926 | 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 #3C0C05 to #7E3926

#3C0C05 #7E3926

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

#3C0C05 - #7E3926 | 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 #3C0C05 as 0% and #7E3926 as 100%.

0.0%	0.0% #3C0C05	RGB 60 12 5	#3C0C05
16.7%	16.7% #47130A	RGB 71 19 10	#47130A
33.3%	33.3% #521B10	RGB 82 27 16	#521B10
50.0%	50.0% #5D2215	RGB 93 34 21	#5D2215
66.7%	66.7% #682A1B	RGB 104 42 27	#682A1B
83.3%	83.3% #733120	RGB 115 49 32	#733120
100.0%	100.0% #7E3926	RGB 126 57 38	#7E3926

#3C0C05 #47130A #521B10 #5D2215 #682A1B #733120 #7E3926

#3C0C05 - #7E3926

HSV Blend

#3C0C05 - #7E3926 | 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 #3C0C05 as 0% and #7E3926 as 100%.

0.0%	0.0% #3C0C04	RGB 60 12 4	#3C0C04
16.7%	16.7% #471108	RGB 71 17 8	#471108
33.3%	33.3% #52170C	RGB 82 23 12	#52170C
50.0%	50.0% #5D1E11	RGB 93 30 17	#5D1E11
66.7%	66.7% #682617	RGB 104 38 23	#682617
83.3%	83.3% #732F1E	RGB 115 47 30	#732F1E
100.0%	100.0% #7E3926	RGB 126 57 38	#7E3926

#3C0C04 #471108 #52170C #5D1E11 #682617 #732F1E #7E3926

#3C0C05 - #5D1E11 - #7E3926

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0C04 0%, #5D1E11 50%, #7E3926 100%);
    background: -webkit-linear-gradient(top, #3C0C04 0%, #5D1E11 50%, #7E3926 100%);
    background: linear-gradient(to bottom, #3C0C04 0%, #5D1E11 50%, #7E3926 100%);
}
</style>