#9C8C95 - #FEAEB9 | 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 #9C8C95 to #FEAEB9

#9C8C95 #FEAEB9

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

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

0.0%	0.0% #9C8C95	RGB 156 140 149	#9C8C95
16.7%	16.7% #AC919B	RGB 172 145 155	#AC919B
33.3%	33.3% #BC97A1	RGB 188 151 161	#BC97A1
50.0%	50.0% #CD9DA7	RGB 205 157 167	#CD9DA7
66.7%	66.7% #DDA2AD	RGB 221 162 173	#DDA2AD
83.3%	83.3% #EDA8B3	RGB 237 168 179	#EDA8B3
100.0%	100.0% #FEAEB9	RGB 254 174 185	#FEAEB9

#9C8C95 #AC919B #BC97A1 #CD9DA7 #DDA2AD #EDA8B3 #FEAEB9

#9C8C95 - #FEAEB9

HSV Blend

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

0.0%	0.0% #9C8C95	RGB 156 140 149	#9C8C95
16.7%	16.7% #AC94A0	RGB 172 148 160	#AC94A0
33.3%	33.3% #BC9BA9	RGB 188 155 169	#BC9BA9
50.0%	50.0% #CDA2B1	RGB 205 162 177	#CDA2B1
66.7%	66.7% #DDA7B6	RGB 221 167 182	#DDA7B6
83.3%	83.3% #EDABB9	RGB 237 171 185	#EDABB9
100.0%	100.0% #FEAEB9	RGB 254 174 185	#FEAEB9

#9C8C95 #AC94A0 #BC9BA9 #CDA2B1 #DDA7B6 #EDABB9 #FEAEB9

#9C8C95 - #CDA2B1 - #FEAEB9

CSS codes

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

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