#9A8F94 - #FFD2AD | 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 #9A8F94 to #FFD2AD

#9A8F94 #FFD2AD

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

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

0.0%	0.0% #9A8F94	RGB 154 143 148	#9A8F94
16.7%	16.7% #AA9A98	RGB 170 154 152	#AA9A98
33.3%	33.3% #BBA59C	RGB 187 165 156	#BBA59C
50.0%	50.0% #CCB0A0	RGB 204 176 160	#CCB0A0
66.7%	66.7% #DDBBA4	RGB 221 187 164	#DDBBA4
83.3%	83.3% #EEC6A8	RGB 238 198 168	#EEC6A8
100.0%	100.0% #FFD2AD	RGB 255 210 173	#FFD2AD

#9A8F94 #AA9A98 #BBA59C #CCB0A0 #DDBBA4 #EEC6A8 #FFD2AD

#9A8F94 - #FFD2AD

HSV Blend

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

0.0%	0.0% #9A8F94	RGB 154 143 148	#9A8F94
16.7%	16.7% #AA979D	RGB 170 151 157	#AA979D
33.3%	33.3% #BB9EA3	RGB 187 158 163	#BB9EA3
50.0%	50.0% #CCA4A4	RGB 204 164 164	#CCA4A4
66.7%	66.7% #DDB0A8	RGB 221 176 168	#DDB0A8
83.3%	83.3% #EEBFAB	RGB 238 191 171	#EEBFAB
100.0%	100.0% #FFD2AD	RGB 255 210 173	#FFD2AD

#9A8F94 #AA979D #BB9EA3 #CCA4A4 #DDB0A8 #EEBFAB #FFD2AD

#9A8F94 - #CCA4A4 - #FFD2AD

CSS codes

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

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