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

#9C8C9C #FFC899

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

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

0.0%	0.0% #9C8C9C	RGB 156 140 156	#9C8C9C
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

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

#9C8C9C - #FFC899

HSV Blend

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

0.0%	0.0% #9C8C9C	RGB 156 140 156	#9C8C9C
16.7%	16.7% #AC92A6	RGB 172 146 166	#AC92A6
33.3%	33.3% #BD96AA	RGB 189 150 170	#BD96AA
50.0%	50.0% #CD99A7	RGB 205 153 167	#CD99A7
66.7%	66.7% #DE9B9C	RGB 222 155 156	#DE9B9C
83.3%	83.3% #EEAD9A	RGB 238 173 154	#EEAD9A
100.0%	100.0% #FFC899	RGB 255 200 153	#FFC899

#9C8C9C #AC92A6 #BD96AA #CD99A7 #DE9B9C #EEAD9A #FFC899

#9C8C9C - #CD99A7 - #FFC899

CSS codes

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

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