#DDDDD9 - #B3AA8C | 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 #DDDDD9 to #B3AA8C

#DDDDD9 #B3AA8C

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

#DDDDD9 - #B3AA8C | 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 #DDDDD9 as 0% and #B3AA8C as 100%.

0.0%	0.0% #DDDDD9	RGB 221 221 217	#DDDDD9
16.7%	16.7% #D6D4CC	RGB 214 212 204	#D6D4CC
33.3%	33.3% #CFCCBF	RGB 207 204 191	#CFCCBF
50.0%	50.0% #C8C3B2	RGB 200 195 178	#C8C3B2
66.7%	66.7% #C1BBA5	RGB 193 187 165	#C1BBA5
83.3%	83.3% #BAB298	RGB 186 178 152	#BAB298
100.0%	100.0% #B3AA8C	RGB 179 170 140	#B3AA8C

#DDDDD9 #D6D4CC #CFCCBF #C8C3B2 #C1BBA5 #BAB298 #B3AA8C

#DDDDD9 - #B3AA8C

HSV Blend

#DDDDD9 - #B3AA8C | 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 #DDDDD9 as 0% and #B3AA8C as 100%.

0.0%	0.0% #DDDDD9	RGB 221 221 217	#DDDDD9
16.7%	16.7% #D6D5CB	RGB 214 213 203	#D6D5CB
33.3%	33.3% #CFCDBD	RGB 207 205 189	#CFCDBD
50.0%	50.0% #C8C5B0	RGB 200 197 176	#C8C5B0
66.7%	66.7% #C1BCA3	RGB 193 188 163	#C1BCA3
83.3%	83.3% #BAB397	RGB 186 179 151	#BAB397
100.0%	100.0% #B3AA8C	RGB 179 170 140	#B3AA8C

#DDDDD9 #D6D5CB #CFCDBD #C8C5B0 #C1BCA3 #BAB397 #B3AA8C

#DDDDD9 - #C8C5B0 - #B3AA8C

CSS codes

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

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