#DDDBD8 - #C0AB8B | 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 #DDDBD8 to #C0AB8B

#DDDBD8 #C0AB8B

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

#DDDBD8 - #C0AB8B | 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 #DDDBD8 as 0% and #C0AB8B as 100%.

0.0%	0.0% #DDDBD8	RGB 221 219 216	#DDDBD8
16.7%	16.7% #D8D3CB	RGB 216 211 203	#D8D3CB
33.3%	33.3% #D3CBBE	RGB 211 203 190	#D3CBBE
50.0%	50.0% #CEC3B1	RGB 206 195 177	#CEC3B1
66.7%	66.7% #C9BBA4	RGB 201 187 164	#C9BBA4
83.3%	83.3% #C4B397	RGB 196 179 151	#C4B397
100.0%	100.0% #C0AB8B	RGB 192 171 139	#C0AB8B

#DDDBD8 #D8D3CB #D3CBBE #CEC3B1 #C9BBA4 #C4B397 #C0AB8B

#DDDBD8 - #C0AB8B

HSV Blend

#DDDBD8 - #C0AB8B | 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 #DDDBD8 as 0% and #C0AB8B as 100%.

0.0%	0.0% #DDDBD8	RGB 221 219 216	#DDDBD8
16.7%	16.7% #D8D2CA	RGB 216 210 202	#D8D2CA
33.3%	33.3% #D3CABC	RGB 211 202 188	#D3CABC
50.0%	50.0% #CEC2AF	RGB 206 194 175	#CEC2AF
66.7%	66.7% #C9BAA3	RGB 201 186 163	#C9BAA3
83.3%	83.3% #C4B296	RGB 196 178 150	#C4B296
100.0%	100.0% #C0AB8B	RGB 192 171 139	#C0AB8B

#DDDBD8 #D8D2CA #D3CABC #CEC2AF #C9BAA3 #C4B296 #C0AB8B

#DDDBD8 - #CEC2AF - #C0AB8B

CSS codes

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

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