#3C0F10 - #873B28 | 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 #3C0F10 to #873B28

#3C0F10 #873B28

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

#3C0F10 - #873B28 | 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 #3C0F10 as 0% and #873B28 as 100%.

0.0%	0.0% #3C0F10	RGB 60 15 16	#3C0F10
16.7%	16.7% #481614	RGB 72 22 20	#481614
33.3%	33.3% #551D18	RGB 85 29 24	#551D18
50.0%	50.0% #61251C	RGB 97 37 28	#61251C
66.7%	66.7% #6E2C20	RGB 110 44 32	#6E2C20
83.3%	83.3% #7A3324	RGB 122 51 36	#7A3324
100.0%	100.0% #873B28	RGB 135 59 40	#873B28

#3C0F10 #481614 #551D18 #61251C #6E2C20 #7A3324 #873B28

#3C0F10 - #873B28

HSV Blend

#3C0F10 - #873B28 | 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 #3C0F10 as 0% and #873B28 as 100%.

0.0%	0.0% #3C0F10	RGB 60 15 16	#3C0F10
16.7%	16.7% #481312	RGB 72 19 18	#481312
33.3%	33.3% #551916	RGB 85 25 22	#551916
50.0%	50.0% #61201A	RGB 97 32 26	#61201A
66.7%	66.7% #6E281E	RGB 110 40 30	#6E281E
83.3%	83.3% #7A3123	RGB 122 49 35	#7A3123
100.0%	100.0% #873B28	RGB 135 59 40	#873B28

#3C0F10 #481312 #551916 #61201A #6E281E #7A3123 #873B28

#3C0F10 - #61201A - #873B28

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0F10 0%, #61201A 50%, #873B28 100%);
    background: -webkit-linear-gradient(top, #3C0F10 0%, #61201A 50%, #873B28 100%);
    background: linear-gradient(to bottom, #3C0F10 0%, #61201A 50%, #873B28 100%);
}
</style>