#DDD9DA - #B08B8D | 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 #DDD9DA to #B08B8D

#DDD9DA #B08B8D

Calculate the color between two colors, #DDD9DA and #B08B8D. 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)

#DDD9DA - #B08B8D | 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 #DDD9DA as 0% and #B08B8D as 100%.

0.0%	0.0% #DDD9DA	RGB 221 217 218	#DDD9DA
16.7%	16.7% #D5CCCD	RGB 213 204 205	#D5CCCD
33.3%	33.3% #CEBFC0	RGB 206 191 192	#CEBFC0
50.0%	50.0% #C6B2B3	RGB 198 178 179	#C6B2B3
66.7%	66.7% #BFA5A6	RGB 191 165 166	#BFA5A6
83.3%	83.3% #B79899	RGB 183 152 153	#B79899
100.0%	100.0% #B08B8D	RGB 176 139 141	#B08B8D

#DDD9DA #D5CCCD #CEBFC0 #C6B2B3 #BFA5A6 #B79899 #B08B8D

#DDD9DA - #B08B8D

HSV Blend

#DDD9DA - #B08B8D | 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 #DDD9DA as 0% and #B08B8D as 100%.

0.0%	0.0% #DDD9DA	RGB 221 217 218	#DDD9DA
16.7%	16.7% #D5CACD	RGB 213 202 205	#D5CACD
33.3%	33.3% #CEBDC0	RGB 206 189 192	#CEBDC0
50.0%	50.0% #C6AFB3	RGB 198 175 179	#C6AFB3
66.7%	66.7% #BFA3A6	RGB 191 163 166	#BFA3A6
83.3%	83.3% #B79699	RGB 183 150 153	#B79699
100.0%	100.0% #B08B8D	RGB 176 139 141	#B08B8D

#DDD9DA #D5CACD #CEBDC0 #C6AFB3 #BFA3A6 #B79699 #B08B8D

#DDD9DA - #C6AFB3 - #B08B8D

CSS codes

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

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