#8A867C - #DDDBD9 | 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 #8A867C to #DDDBD9

#8A867C #DDDBD9

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

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

0.0%	0.0% #8A867C	RGB 138 134 124	#8A867C
16.7%	16.7% #97948B	RGB 151 148 139	#97948B
33.3%	33.3% #A5A29B	RGB 165 162 155	#A5A29B
50.0%	50.0% #B3B0AA	RGB 179 176 170	#B3B0AA
66.7%	66.7% #C1BEBA	RGB 193 190 186	#C1BEBA
83.3%	83.3% #CFCCC9	RGB 207 204 201	#CFCCC9
100.0%	100.0% #DDDBD9	RGB 221 219 217	#DDDBD9

#8A867C #97948B #A5A29B #B3B0AA #C1BEBA #CFCCC9 #DDDBD9

#8A867C - #DDDBD9

HSV Blend

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

0.0%	0.0% #8A867C	RGB 138 134 124	#8A867C
16.7%	16.7% #97938A	RGB 151 147 138	#97938A
33.3%	33.3% #A5A199	RGB 165 161 153	#A5A199
50.0%	50.0% #B3AFA8	RGB 179 175 168	#B3AFA8
66.7%	66.7% #C1BDB8	RGB 193 189 184	#C1BDB8
83.3%	83.3% #CFCCC8	RGB 207 204 200	#CFCCC8
100.0%	100.0% #DDDBD9	RGB 221 219 217	#DDDBD9

#8A867C #97938A #A5A199 #B3AFA8 #C1BDB8 #CFCCC8 #DDDBD9

#8A867C - #B3AFA8 - #DDDBD9

CSS codes

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

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