#3C161D - #8D3F42 | 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 #3C161D to #8D3F42

#3C161D #8D3F42

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

#3C161D - #8D3F42 | 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 #3C161D as 0% and #8D3F42 as 100%.

0.0%	0.0% #3C161D	RGB 60 22 29	#3C161D
16.7%	16.7% #491C23	RGB 73 28 35	#491C23
33.3%	33.3% #572329	RGB 87 35 41	#572329
50.0%	50.0% #642A2F	RGB 100 42 47	#642A2F
66.7%	66.7% #723135	RGB 114 49 53	#723135
83.3%	83.3% #7F383B	RGB 127 56 59	#7F383B
100.0%	100.0% #8D3F42	RGB 141 63 66	#8D3F42

#3C161D #491C23 #572329 #642A2F #723135 #7F383B #8D3F42

#3C161D - #8D3F42

HSV Blend

#3C161D - #8D3F42 | 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 #3C161D as 0% and #8D3F42 as 100%.

0.0%	0.0% #3C161D	RGB 60 22 29	#3C161D
16.7%	16.7% #491B23	RGB 73 27 35	#491B23
33.3%	33.3% #572229	RGB 87 34 41	#572229
50.0%	50.0% #64282F	RGB 100 40 47	#64282F
66.7%	66.7% #722F35	RGB 114 47 53	#722F35
83.3%	83.3% #7F373B	RGB 127 55 59	#7F373B
100.0%	100.0% #8D3F42	RGB 141 63 66	#8D3F42

#3C161D #491B23 #572229 #64282F #722F35 #7F373B #8D3F42

#3C161D - #64282F - #8D3F42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C161D 0%, #64282F 50%, #8D3F42 100%);
    background: -webkit-linear-gradient(top, #3C161D 0%, #64282F 50%, #8D3F42 100%);
    background: linear-gradient(to bottom, #3C161D 0%, #64282F 50%, #8D3F42 100%);
}
</style>