#8F9F9F - #C0CEA1 | 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 #8F9F9F to #C0CEA1

#8F9F9F #C0CEA1

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

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

0.0%	0.0% #8F9F9F	RGB 143 159 159	#8F9F9F
16.7%	16.7% #97A69F	RGB 151 166 159	#97A69F
33.3%	33.3% #9FAE9F	RGB 159 174 159	#9FAE9F
50.0%	50.0% #A7B6A0	RGB 167 182 160	#A7B6A0
66.7%	66.7% #AFBEA0	RGB 175 190 160	#AFBEA0
83.3%	83.3% #B7C6A0	RGB 183 198 160	#B7C6A0
100.0%	100.0% #C0CEA1	RGB 192 206 161	#C0CEA1

#8F9F9F #97A69F #9FAE9F #A7B6A0 #AFBEA0 #B7C6A0 #C0CEA1

#8F9F9F - #C0CEA1

HSV Blend

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

0.0%	0.0% #8F9F9F	RGB 143 159 159	#8F9F9F
16.7%	16.7% #92A6A1	RGB 146 166 161	#92A6A1
33.3%	33.3% #96AEA0	RGB 150 174 160	#96AEA0
50.0%	50.0% #99B69D	RGB 153 182 157	#99B69D
66.7%	66.7% #A0BE9C	RGB 160 190 156	#A0BE9C
83.3%	83.3% #AEC69E	RGB 174 198 158	#AEC69E
100.0%	100.0% #C0CEA1	RGB 192 206 161	#C0CEA1

#8F9F9F #92A6A1 #96AEA0 #99B69D #A0BE9C #AEC69E #C0CEA1

#8F9F9F - #99B69D - #C0CEA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F9F9F 0%, #99B69D 50%, #C0CEA1 100%);
    background: -webkit-linear-gradient(top, #8F9F9F 0%, #99B69D 50%, #C0CEA1 100%);
    background: linear-gradient(to bottom, #8F9F9F 0%, #99B69D 50%, #C0CEA1 100%);
}
</style>