#3C182D - #8C425F | 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 #3C182D to #8C425F

#3C182D #8C425F

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

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

0.0%	0.0% #3C182D	RGB 60 24 45	#3C182D
16.7%	16.7% #491F35	RGB 73 31 53	#491F35
33.3%	33.3% #56263D	RGB 86 38 61	#56263D
50.0%	50.0% #642D46	RGB 100 45 70	#642D46
66.7%	66.7% #71344E	RGB 113 52 78	#71344E
83.3%	83.3% #7E3B56	RGB 126 59 86	#7E3B56
100.0%	100.0% #8C425F	RGB 140 66 95	#8C425F

#3C182D #491F35 #56263D #642D46 #71344E #7E3B56 #8C425F

#3C182D - #8C425F

HSV Blend

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

0.0%	0.0% #3C182D	RGB 60 24 45	#3C182D
16.7%	16.7% #491E35	RGB 73 30 53	#491E35
33.3%	33.3% #56243E	RGB 86 36 62	#56243E
50.0%	50.0% #642B47	RGB 100 43 71	#642B47
66.7%	66.7% #71324F	RGB 113 50 79	#71324F
83.3%	83.3% #7E3A57	RGB 126 58 87	#7E3A57
100.0%	100.0% #8C425F	RGB 140 66 95	#8C425F

#3C182D #491E35 #56243E #642B47 #71324F #7E3A57 #8C425F

#3C182D - #642B47 - #8C425F

CSS codes

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

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