#9899A8 - #D9CAB4 | 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 #9899A8 to #D9CAB4

#9899A8 #D9CAB4

Calculate the color between two colors, #9899A8 and #D9CAB4. 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)

#9899A8 - #D9CAB4 | 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 #9899A8 as 0% and #D9CAB4 as 100%.

0.0%	0.0% #9899A8	RGB 152 153 168	#9899A8
16.7%	16.7% #A2A1AA	RGB 162 161 170	#A2A1AA
33.3%	33.3% #ADA9AC	RGB 173 169 172	#ADA9AC
50.0%	50.0% #B8B1AE	RGB 184 177 174	#B8B1AE
66.7%	66.7% #C3B9B0	RGB 195 185 176	#C3B9B0
83.3%	83.3% #CEC1B2	RGB 206 193 178	#CEC1B2
100.0%	100.0% #D9CAB4	RGB 217 202 180	#D9CAB4

#9899A8 #A2A1AA #ADA9AC #B8B1AE #C3B9B0 #CEC1B2 #D9CAB4

#9899A8 - #D9CAB4

HSV Blend

#9899A8 - #D9CAB4 | 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 #9899A8 as 0% and #D9CAB4 as 100%.

0.0%	0.0% #9899A8	RGB 152 153 168	#9899A8
16.7%	16.7% #A49DB0	RGB 164 157 176	#A49DB0
33.3%	33.3% #B4A2B8	RGB 180 162 184	#B4A2B8
50.0%	50.0% #C0A6B9	RGB 192 166 185	#C0A6B9
66.7%	66.7% #C8ABB3	RGB 200 171 179	#C8ABB3
83.3%	83.3% #D0B4AF	RGB 208 180 175	#D0B4AF
100.0%	100.0% #D9CAB4	RGB 217 202 180	#D9CAB4

#9899A8 #A49DB0 #B4A2B8 #C0A6B9 #C8ABB3 #D0B4AF #D9CAB4

#9899A8 - #C0A6B9 - #D9CAB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9899A8 0%, #C0A6B9 50%, #D9CAB4 100%);
    background: -webkit-linear-gradient(top, #9899A8 0%, #C0A6B9 50%, #D9CAB4 100%);
    background: linear-gradient(to bottom, #9899A8 0%, #C0A6B9 50%, #D9CAB4 100%);
}
</style>