#8A817C - #DDD9D9 | 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 #8A817C to #DDD9D9

#8A817C #DDD9D9

Calculate the color between two colors, #8A817C and #DDD9D9. 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)

#8A817C - #DDD9D9 | 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 #8A817C as 0% and #DDD9D9 as 100%.

0.0%	0.0% #8A817C	RGB 138 129 124	#8A817C
16.7%	16.7% #978F8B	RGB 151 143 139	#978F8B
33.3%	33.3% #A59E9B	RGB 165 158 155	#A59E9B
50.0%	50.0% #B3ADAA	RGB 179 173 170	#B3ADAA
66.7%	66.7% #C1BBBA	RGB 193 187 186	#C1BBBA
83.3%	83.3% #CFCAC9	RGB 207 202 201	#CFCAC9
100.0%	100.0% #DDD9D9	RGB 221 217 217	#DDD9D9

#8A817C #978F8B #A59E9B #B3ADAA #C1BBBA #CFCAC9 #DDD9D9

#8A817C - #DDD9D9

HSV Blend

#8A817C - #DDD9D9 | 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 #8A817C as 0% and #DDD9D9 as 100%.

0.0%	0.0% #8A817C	RGB 138 129 124	#8A817C
16.7%	16.7% #978E8A	RGB 151 142 138	#978E8A
33.3%	33.3% #A59C99	RGB 165 156 153	#A59C99
50.0%	50.0% #B3AAA8	RGB 179 170 168	#B3AAA8
66.7%	66.7% #C1B9B8	RGB 193 185 184	#C1B9B8
83.3%	83.3% #CFC8C8	RGB 207 200 200	#CFC8C8
100.0%	100.0% #DDD9D9	RGB 221 217 217	#DDD9D9

#8A817C #978E8A #A59C99 #B3AAA8 #C1B9B8 #CFC8C8 #DDD9D9

#8A817C - #B3AAA8 - #DDD9D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A817C 0%, #B3AAA8 50%, #DDD9D9 100%);
    background: -webkit-linear-gradient(top, #8A817C 0%, #B3AAA8 50%, #DDD9D9 100%);
    background: linear-gradient(to bottom, #8A817C 0%, #B3AAA8 50%, #DDD9D9 100%);
}
</style>