#8D9D9A - #C2CE9F | 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 #8D9D9A to #C2CE9F

#8D9D9A #C2CE9F

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

#8D9D9A - #C2CE9F | 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 #8D9D9A as 0% and #C2CE9F as 100%.

0.0%	0.0% #8D9D9A	RGB 141 157 154	#8D9D9A
16.7%	16.7% #95A59A	RGB 149 165 154	#95A59A
33.3%	33.3% #9EAD9B	RGB 158 173 155	#9EAD9B
50.0%	50.0% #A7B59C	RGB 167 181 156	#A7B59C
66.7%	66.7% #B0BD9D	RGB 176 189 157	#B0BD9D
83.3%	83.3% #B9C59E	RGB 185 197 158	#B9C59E
100.0%	100.0% #C2CE9F	RGB 194 206 159	#C2CE9F

#8D9D9A #95A59A #9EAD9B #A7B59C #B0BD9D #B9C59E #C2CE9F

#8D9D9A - #C2CE9F

HSV Blend

#8D9D9A - #C2CE9F | 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 #8D9D9A as 0% and #C2CE9F as 100%.

0.0%	0.0% #8D9D9A	RGB 141 157 154	#8D9D9A
16.7%	16.7% #90A59C	RGB 144 165 156	#90A59C
33.3%	33.3% #94AD9B	RGB 148 173 155	#94AD9B
50.0%	50.0% #97B598	RGB 151 181 152	#97B598
66.7%	66.7% #A2BD9A	RGB 162 189 154	#A2BD9A
83.3%	83.3% #B0C59C	RGB 176 197 156	#B0C59C
100.0%	100.0% #C2CE9F	RGB 194 206 159	#C2CE9F

#8D9D9A #90A59C #94AD9B #97B598 #A2BD9A #B0C59C #C2CE9F

#8D9D9A - #97B598 - #C2CE9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9D9A 0%, #97B598 50%, #C2CE9F 100%);
    background: -webkit-linear-gradient(top, #8D9D9A 0%, #97B598 50%, #C2CE9F 100%);
    background: linear-gradient(to bottom, #8D9D9A 0%, #97B598 50%, #C2CE9F 100%);
}
</style>