#3E1108 - #854129 | 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 #3E1108 to #854129

#3E1108 #854129

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

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

0.0%	0.0% #3E1108	RGB 62 17 8	#3E1108
16.7%	16.7% #49190D	RGB 73 25 13	#49190D
33.3%	33.3% #552113	RGB 85 33 19	#552113
50.0%	50.0% #612918	RGB 97 41 24	#612918
66.7%	66.7% #6D311E	RGB 109 49 30	#6D311E
83.3%	83.3% #793923	RGB 121 57 35	#793923
100.0%	100.0% #854129	RGB 133 65 41	#854129

#3E1108 #49190D #552113 #612918 #6D311E #793923 #854129

#3E1108 - #854129

HSV Blend

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

0.0%	0.0% #3E1108	RGB 62 17 8	#3E1108
16.7%	16.7% #49170B	RGB 73 23 11	#49170B
33.3%	33.3% #551D10	RGB 85 29 16	#551D10
50.0%	50.0% #612515	RGB 97 37 21	#612515
66.7%	66.7% #6D2E1B	RGB 109 46 27	#6D2E1B
83.3%	83.3% #793721	RGB 121 55 33	#793721
100.0%	100.0% #854129	RGB 133 65 41	#854129

#3E1108 #49170B #551D10 #612515 #6D2E1B #793721 #854129

#3E1108 - #612515 - #854129

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E1108 0%, #612515 50%, #854129 100%);
    background: -webkit-linear-gradient(top, #3E1108 0%, #612515 50%, #854129 100%);
    background: linear-gradient(to bottom, #3E1108 0%, #612515 50%, #854129 100%);
}
</style>