#DCDBB7 - #DBD6D6 | 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 #DCDBB7 to #DBD6D6

#DCDBB7 #DBD6D6

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

#DCDBB7 - #DBD6D6 | 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 #DCDBB7 as 0% and #DBD6D6 as 100%.

0.0%	0.0% #DCDBB7	RGB 220 219 183	#DCDBB7
16.7%	16.7% #DBDABC	RGB 219 218 188	#DBDABC
33.3%	33.3% #DBD9C1	RGB 219 217 193	#DBD9C1
50.0%	50.0% #DBD8C6	RGB 219 216 198	#DBD8C6
66.7%	66.7% #DBD7CB	RGB 219 215 203	#DBD7CB
83.3%	83.3% #DBD6D0	RGB 219 214 208	#DBD6D0
100.0%	100.0% #DBD6D6	RGB 219 214 214	#DBD6D6

#DCDBB7 #DBDABC #DBD9C1 #DBD8C6 #DBD7CB #DBD6D0 #DBD6D6

#DCDBB7 - #DBD6D6

HSV Blend

#DCDBB7 - #DBD6D6 | 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 #DCDBB7 as 0% and #DBD6D6 as 100%.

0.0%	0.0% #DCDBB7	RGB 220 219 183	#DCDBB7
16.7%	16.7% #DBD5BC	RGB 219 213 188	#DBD5BC
33.3%	33.3% #DBD2C1	RGB 219 210 193	#DBD2C1
50.0%	50.0% #DBD0C6	RGB 219 208 198	#DBD0C6
66.7%	66.7% #DBD0CB	RGB 219 208 203	#DBD0CB
83.3%	83.3% #DBD2D0	RGB 219 210 208	#DBD2D0
100.0%	100.0% #DBD6D6	RGB 219 214 214	#DBD6D6

#DCDBB7 #DBD5BC #DBD2C1 #DBD0C6 #DBD0CB #DBD2D0 #DBD6D6

#DCDBB7 - #DBD0C6 - #DBD6D6

CSS codes

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

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