#3C1822 - #8C4249 | 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 #3C1822 to #8C4249

#3C1822 #8C4249

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

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

0.0%	0.0% #3C1822	RGB 60 24 34	#3C1822
16.7%	16.7% #491F28	RGB 73 31 40	#491F28
33.3%	33.3% #56262F	RGB 86 38 47	#56262F
50.0%	50.0% #642D35	RGB 100 45 53	#642D35
66.7%	66.7% #71343C	RGB 113 52 60	#71343C
83.3%	83.3% #7E3B42	RGB 126 59 66	#7E3B42
100.0%	100.0% #8C4249	RGB 140 66 73	#8C4249

#3C1822 #491F28 #56262F #642D35 #71343C #7E3B42 #8C4249

#3C1822 - #8C4249

HSV Blend

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

0.0%	0.0% #3C1822	RGB 60 24 34	#3C1822
16.7%	16.7% #491E28	RGB 73 30 40	#491E28
33.3%	33.3% #56242F	RGB 86 36 47	#56242F
50.0%	50.0% #642B36	RGB 100 43 54	#642B36
66.7%	66.7% #71323C	RGB 113 50 60	#71323C
83.3%	83.3% #7E3A42	RGB 126 58 66	#7E3A42
100.0%	100.0% #8C4249	RGB 140 66 73	#8C4249

#3C1822 #491E28 #56242F #642B36 #71323C #7E3A42 #8C4249

#3C1822 - #642B36 - #8C4249

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C1822 0%, #642B36 50%, #8C4249 100%);
    background: -webkit-linear-gradient(top, #3C1822 0%, #642B36 50%, #8C4249 100%);
    background: linear-gradient(to bottom, #3C1822 0%, #642B36 50%, #8C4249 100%);
}
</style>