#DCCFB5 - #DCD8D9 | 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 #DCCFB5 to #DCD8D9

#DCCFB5 #DCD8D9

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

#DCCFB5 - #DCD8D9 | 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 #DCCFB5 as 0% and #DCD8D9 as 100%.

0.0%	0.0% #DCCFB5	RGB 220 207 181	#DCCFB5
16.7%	16.7% #DCD0BB	RGB 220 208 187	#DCD0BB
33.3%	33.3% #DCD2C1	RGB 220 210 193	#DCD2C1
50.0%	50.0% #DCD3C7	RGB 220 211 199	#DCD3C7
66.7%	66.7% #DCD5CD	RGB 220 213 205	#DCD5CD
83.3%	83.3% #DCD6D3	RGB 220 214 211	#DCD6D3
100.0%	100.0% #DCD8D9	RGB 220 216 217	#DCD8D9

#DCCFB5 #DCD0BB #DCD2C1 #DCD3C7 #DCD5CD #DCD6D3 #DCD8D9

#DCCFB5 - #DCD8D9

HSV Blend

#DCCFB5 - #DCD8D9 | 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 #DCCFB5 as 0% and #DCD8D9 as 100%.

0.0%	0.0% #DCCFB5	RGB 220 207 181	#DCCFB5
16.7%	16.7% #DCCBBA	RGB 220 203 186	#DCCBBA
33.3%	33.3% #DCCAC0	RGB 220 202 192	#DCCAC0
50.0%	50.0% #DCCAC6	RGB 220 202 198	#DCCAC6
66.7%	66.7% #DCCDCC	RGB 220 205 204	#DCCDCC
83.3%	83.3% #DCD2D3	RGB 220 210 211	#DCD2D3
100.0%	100.0% #DCD8D9	RGB 220 216 217	#DCD8D9

#DCCFB5 #DCCBBA #DCCAC0 #DCCAC6 #DCCDCC #DCD2D3 #DCD8D9

#DCCFB5 - #DCCAC6 - #DCD8D9

CSS codes

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

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