#3C0C18 - #873A36 | 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 #3C0C18 to #873A36

#3C0C18 #873A36

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

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

0.0%	0.0% #3C0C18	RGB 60 12 24	#3C0C18
16.7%	16.7% #48131D	RGB 72 19 29	#48131D
33.3%	33.3% #551B22	RGB 85 27 34	#551B22
50.0%	50.0% #612327	RGB 97 35 39	#612327
66.7%	66.7% #6E2A2C	RGB 110 42 44	#6E2A2C
83.3%	83.3% #7A3231	RGB 122 50 49	#7A3231
100.0%	100.0% #873A36	RGB 135 58 54	#873A36

#3C0C18 #48131D #551B22 #612327 #6E2A2C #7A3231 #873A36

#3C0C18 - #873A36

HSV Blend

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

0.0%	0.0% #3C0C18	RGB 60 12 24	#3C0C18
16.7%	16.7% #48101C	RGB 72 16 28	#48101C
33.3%	33.3% #551620	RGB 85 22 32	#551620
50.0%	50.0% #611D24	RGB 97 29 36	#611D24
66.7%	66.7% #6E2428	RGB 110 36 40	#6E2428
83.3%	83.3% #7A2C2C	RGB 122 44 44	#7A2C2C
100.0%	100.0% #873A36	RGB 135 58 54	#873A36

#3C0C18 #48101C #551620 #611D24 #6E2428 #7A2C2C #873A36

#3C0C18 - #611D24 - #873A36

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0C18 0%, #611D24 50%, #873A36 100%);
    background: -webkit-linear-gradient(top, #3C0C18 0%, #611D24 50%, #873A36 100%);
    background: linear-gradient(to bottom, #3C0C18 0%, #611D24 50%, #873A36 100%);
}
</style>