#3C4744 - #8F717D | 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 #3C4744 to #8F717D

#3C4744 #8F717D

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

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

0.0%	0.0% #3C4744	RGB 60 71 68	#3C4744
16.7%	16.7% #494E4D	RGB 73 78 77	#494E4D
33.3%	33.3% #575557	RGB 87 85 87	#575557
50.0%	50.0% #655C60	RGB 101 92 96	#655C60
66.7%	66.7% #73636A	RGB 115 99 106	#73636A
83.3%	83.3% #816A73	RGB 129 106 115	#816A73
100.0%	100.0% #8F717D	RGB 143 113 125	#8F717D

#3C4744 #494E4D #575557 #655C60 #73636A #816A73 #8F717D

#3C4744 - #8F717D

HSV Blend

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

0.0%	0.0% #3C4744	RGB 60 71 68	#3C4744
16.7%	16.7% #455053	RGB 69 80 83	#455053
33.3%	33.3% #4E535F	RGB 78 83 95	#4E535F
50.0%	50.0% #5A576B	RGB 90 87 107	#5A576B
66.7%	66.7% #6E6077	RGB 110 96 119	#6E6077
83.3%	83.3% #83687F	RGB 131 104 127	#83687F
100.0%	100.0% #8F717D	RGB 143 113 125	#8F717D

#3C4744 #455053 #4E535F #5A576B #6E6077 #83687F #8F717D

#3C4744 - #5A576B - #8F717D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4744 0%, #5A576B 50%, #8F717D 100%);
    background: -webkit-linear-gradient(top, #3C4744 0%, #5A576B 50%, #8F717D 100%);
    background: linear-gradient(to bottom, #3C4744 0%, #5A576B 50%, #8F717D 100%);
}
</style>