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

#8C9D9A #C2CE9F

Calculate the color between two colors, #8C9D9A 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)

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

0.0%	0.0% #8C9D9A	RGB 140 157 154	#8C9D9A
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

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

#8C9D9A - #C2CE9F

HSV Blend

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

0.0%	0.0% #8C9D9A	RGB 140 157 154	#8C9D9A
16.7%	16.7% #8FA59B	RGB 143 165 155	#8FA59B
33.3%	33.3% #93AD9B	RGB 147 173 155	#93AD9B
50.0%	50.0% #96B598	RGB 150 181 152	#96B598
66.7%	66.7% #A1BD99	RGB 161 189 153	#A1BD99
83.3%	83.3% #B0C59C	RGB 176 197 156	#B0C59C
100.0%	100.0% #C2CE9F	RGB 194 206 159	#C2CE9F

#8C9D9A #8FA59B #93AD9B #96B598 #A1BD99 #B0C59C #C2CE9F

#8C9D9A - #96B598 - #C2CE9F

CSS codes

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

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