#9C8D9C - #FFC899 | 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 #9C8D9C to #FFC899

#9C8D9C #FFC899

Calculate the color between two colors, #9C8D9C and #FFC899. 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)

#9C8D9C - #FFC899 | 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 #9C8D9C as 0% and #FFC899 as 100%.

0.0%	0.0% #9C8D9C	RGB 156 141 156	#9C8D9C
16.7%	16.7% #AC969B	RGB 172 150 155	#AC969B
33.3%	33.3% #BDA09B	RGB 189 160 155	#BDA09B
50.0%	50.0% #CDAA9A	RGB 205 170 154	#CDAA9A
66.7%	66.7% #DEB49A	RGB 222 180 154	#DEB49A
83.3%	83.3% #EEBE99	RGB 238 190 153	#EEBE99
100.0%	100.0% #FFC899	RGB 255 200 153	#FFC899

#9C8D9C #AC969B #BDA09B #CDAA9A #DEB49A #EEBE99 #FFC899

#9C8D9C - #FFC899

HSV Blend

#9C8D9C - #FFC899 | 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 #9C8D9C as 0% and #FFC899 as 100%.

0.0%	0.0% #9C8D9C	RGB 156 141 156	#9C8D9C
16.7%	16.7% #AC93A6	RGB 172 147 166	#AC93A6
33.3%	33.3% #BD97AA	RGB 189 151 170	#BD97AA
50.0%	50.0% #CD9AA8	RGB 205 154 168	#CD9AA8
66.7%	66.7% #DE9B9D	RGB 222 155 157	#DE9B9D
83.3%	83.3% #EEAD9B	RGB 238 173 155	#EEAD9B
100.0%	100.0% #FFC899	RGB 255 200 153	#FFC899

#9C8D9C #AC93A6 #BD97AA #CD9AA8 #DE9B9D #EEAD9B #FFC899

#9C8D9C - #CD9AA8 - #FFC899

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C8D9C 0%, #CD9AA8 50%, #FFC899 100%);
    background: -webkit-linear-gradient(top, #9C8D9C 0%, #CD9AA8 50%, #FFC899 100%);
    background: linear-gradient(to bottom, #9C8D9C 0%, #CD9AA8 50%, #FFC899 100%);
}
</style>