#8D9C9A - #2D635D | 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 #8D9C9A to #2D635D

#8D9C9A #2D635D

Calculate the color between two colors, #8D9C9A and #2D635D. 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)

#8D9C9A - #2D635D | 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 #8D9C9A as 0% and #2D635D as 100%.

0.0%	0.0% #8D9C9A	RGB 141 156 154	#8D9C9A
16.7%	16.7% #7D928F	RGB 125 146 143	#7D928F
33.3%	33.3% #6D8985	RGB 109 137 133	#6D8985
50.0%	50.0% #5D7F7B	RGB 93 127 123	#5D7F7B
66.7%	66.7% #4D7671	RGB 77 118 113	#4D7671
83.3%	83.3% #3D6C67	RGB 61 108 103	#3D6C67
100.0%	100.0% #2D635D	RGB 45 99 93	#2D635D

#8D9C9A #7D928F #6D8985 #5D7F7B #4D7671 #3D6C67 #2D635D

#8D9C9A - #2D635D

HSV Blend

#8D9C9A - #2D635D | 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 #8D9C9A as 0% and #2D635D as 100%.

0.0%	0.0% #8D9C9A	RGB 141 156 154	#8D9C9A
16.7%	16.7% #79928F	RGB 121 146 143	#79928F
33.3%	33.3% #678984	RGB 103 137 132	#678984
50.0%	50.0% #567F7A	RGB 86 127 122	#567F7A
66.7%	66.7% #477670	RGB 71 118 112	#477670
83.3%	83.3% #396C66	RGB 57 108 102	#396C66
100.0%	100.0% #2D635D	RGB 45 99 93	#2D635D

#8D9C9A #79928F #678984 #567F7A #477670 #396C66 #2D635D

#8D9C9A - #567F7A - #2D635D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9C9A 0%, #567F7A 50%, #2D635D 100%);
    background: -webkit-linear-gradient(top, #8D9C9A 0%, #567F7A 50%, #2D635D 100%);
    background: linear-gradient(to bottom, #8D9C9A 0%, #567F7A 50%, #2D635D 100%);
}
</style>