#3C494C - #8D7579 | 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 #3C494C to #8D7579

#3C494C #8D7579

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

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

0.0%	0.0% #3C494C	RGB 60 73 76	#3C494C
16.7%	16.7% #495053	RGB 73 80 83	#495053
33.3%	33.3% #57575B	RGB 87 87 91	#57575B
50.0%	50.0% #645F62	RGB 100 95 98	#645F62
66.7%	66.7% #72666A	RGB 114 102 106	#72666A
83.3%	83.3% #7F6D71	RGB 127 109 113	#7F6D71
100.0%	100.0% #8D7579	RGB 141 117 121	#8D7579

#3C494C #495053 #57575B #645F62 #72666A #7F6D71 #8D7579

#3C494C - #8D7579

HSV Blend

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

0.0%	0.0% #3C494C	RGB 60 73 76	#3C494C
16.7%	16.7% #454B56	RGB 69 75 86	#454B56
33.3%	33.3% #4F4E61	RGB 79 78 97	#4F4E61
50.0%	50.0% #62576C	RGB 98 87 108	#62576C
66.7%	66.7% #766177	RGB 118 97 119	#766177
83.3%	83.3% #826B79	RGB 130 107 121	#826B79
100.0%	100.0% #8D7579	RGB 141 117 121	#8D7579

#3C494C #454B56 #4F4E61 #62576C #766177 #826B79 #8D7579

#3C494C - #62576C - #8D7579

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C494C 0%, #62576C 50%, #8D7579 100%);
    background: -webkit-linear-gradient(top, #3C494C 0%, #62576C 50%, #8D7579 100%);
    background: linear-gradient(to bottom, #3C494C 0%, #62576C 50%, #8D7579 100%);
}
</style>