#8D9CAC - #3E4E63 | 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 #8D9CAC to #3E4E63

#8D9CAC #3E4E63

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

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

0.0%	0.0% #8D9CAC	RGB 141 156 172	#8D9CAC
16.7%	16.7% #7F8F9F	RGB 127 143 159	#7F8F9F
33.3%	33.3% #728293	RGB 114 130 147	#728293
50.0%	50.0% #657587	RGB 101 117 135	#657587
66.7%	66.7% #58687B	RGB 88 104 123	#58687B
83.3%	83.3% #4B5B6F	RGB 75 91 111	#4B5B6F
100.0%	100.0% #3E4E63	RGB 62 78 99	#3E4E63

#8D9CAC #7F8F9F #728293 #657587 #58687B #4B5B6F #3E4E63

#8D9CAC - #3E4E63

HSV Blend

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

0.0%	0.0% #8D9CAC	RGB 141 156 172	#8D9CAC
16.7%	16.7% #7D8E9F	RGB 125 142 159	#7D8E9F
33.3%	33.3% #6F8093	RGB 111 128 147	#6F8093
50.0%	50.0% #617387	RGB 97 115 135	#617387
66.7%	66.7% #55667B	RGB 85 102 123	#55667B
83.3%	83.3% #49596F	RGB 73 89 111	#49596F
100.0%	100.0% #3E4E63	RGB 62 78 99	#3E4E63

#8D9CAC #7D8E9F #6F8093 #617387 #55667B #49596F #3E4E63

#8D9CAC - #617387 - #3E4E63

CSS codes

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

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