#3C473C - #8F718F | 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 #3C473C to #8F718F

#3C473C #8F718F

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

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

0.0%	0.0% #3C473C	RGB 60 71 60	#3C473C
16.7%	16.7% #494E49	RGB 73 78 73	#494E49
33.3%	33.3% #575557	RGB 87 85 87	#575557
50.0%	50.0% #655C65	RGB 101 92 101	#655C65
66.7%	66.7% #736373	RGB 115 99 115	#736373
83.3%	83.3% #816A81	RGB 129 106 129	#816A81
100.0%	100.0% #8F718F	RGB 143 113 143	#8F718F

#3C473C #494E49 #575557 #655C65 #736373 #816A81 #8F718F

#3C473C - #8F718F

HSV Blend

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

0.0%	0.0% #3C473C	RGB 60 71 60	#3C473C
16.7%	16.7% #45534C	RGB 69 83 76	#45534C
33.3%	33.3% #4E5F5F	RGB 78 95 95	#4E5F5F
50.0%	50.0% #57616B	RGB 87 97 107	#57616B
66.7%	66.7% #606077	RGB 96 96 119	#606077
83.3%	83.3% #756883	RGB 117 104 131	#756883
100.0%	100.0% #8F718F	RGB 143 113 143	#8F718F

#3C473C #45534C #4E5F5F #57616B #606077 #756883 #8F718F

#3C473C - #57616B - #8F718F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C473C 0%, #57616B 50%, #8F718F 100%);
    background: -webkit-linear-gradient(top, #3C473C 0%, #57616B 50%, #8F718F 100%);
    background: linear-gradient(to bottom, #3C473C 0%, #57616B 50%, #8F718F 100%);
}
</style>