#9A8C8A - #FDD2AB | 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 #9A8C8A to #FDD2AB

#9A8C8A #FDD2AB

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

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

0.0%	0.0% #9A8C8A	RGB 154 140 138	#9A8C8A
16.7%	16.7% #AA978F	RGB 170 151 143	#AA978F
33.3%	33.3% #BBA395	RGB 187 163 149	#BBA395
50.0%	50.0% #CBAF9A	RGB 203 175 154	#CBAF9A
66.7%	66.7% #DCBAA0	RGB 220 186 160	#DCBAA0
83.3%	83.3% #ECC6A5	RGB 236 198 165	#ECC6A5
100.0%	100.0% #FDD2AB	RGB 253 210 171	#FDD2AB

#9A8C8A #AA978F #BBA395 #CBAF9A #DCBAA0 #ECC6A5 #FDD2AB

#9A8C8A - #FDD2AB

HSV Blend

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

0.0%	0.0% #9A8C8A	RGB 154 140 138	#9A8C8A
16.7%	16.7% #AA9692	RGB 170 150 146	#AA9692
33.3%	33.3% #BBA199	RGB 187 161 153	#BBA199
50.0%	50.0% #CBAD9F	RGB 203 173 159	#CBAD9F
66.7%	66.7% #DCB8A4	RGB 220 184 164	#DCB8A4
83.3%	83.3% #ECC4A8	RGB 236 196 168	#ECC4A8
100.0%	100.0% #FDD2AB	RGB 253 210 171	#FDD2AB

#9A8C8A #AA9692 #BBA199 #CBAD9F #DCB8A4 #ECC4A8 #FDD2AB

#9A8C8A - #CBAD9F - #FDD2AB

CSS codes

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

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