#DCDCDD - #D3C3E9 | 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 #DCDCDD to #D3C3E9

#DCDCDD #D3C3E9

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

#DCDCDD - #D3C3E9 | 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 #DCDCDD as 0% and #D3C3E9 as 100%.

0.0%	0.0% #DCDCDD	RGB 220 220 221	#DCDCDD
16.7%	16.7% #DAD7DF	RGB 218 215 223	#DAD7DF
33.3%	33.3% #D9D3E1	RGB 217 211 225	#D9D3E1
50.0%	50.0% #D7CFE3	RGB 215 207 227	#D7CFE3
66.7%	66.7% #D6CBE5	RGB 214 203 229	#D6CBE5
83.3%	83.3% #D4C7E7	RGB 212 199 231	#D4C7E7
100.0%	100.0% #D3C3E9	RGB 211 195 233	#D3C3E9

#DCDCDD #DAD7DF #D9D3E1 #D7CFE3 #D6CBE5 #D4C7E7 #D3C3E9

#DCDCDD - #D3C3E9

HSV Blend

#DCDCDD - #D3C3E9 | 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 #DCDCDD as 0% and #D3C3E9 as 100%.

0.0%	0.0% #DCDCDD	RGB 220 220 221	#DCDCDD
16.7%	16.7% #D8D8DF	RGB 216 216 223	#D8D8DF
33.3%	33.3% #D5D4E1	RGB 213 212 225	#D5D4E1
50.0%	50.0% #D3CFE3	RGB 211 207 227	#D3CFE3
66.7%	66.7% #D2CBE5	RGB 210 203 229	#D2CBE5
83.3%	83.3% #D2C7E7	RGB 210 199 231	#D2C7E7
100.0%	100.0% #D3C3E9	RGB 211 195 233	#D3C3E9

#DCDCDD #D8D8DF #D5D4E1 #D3CFE3 #D2CBE5 #D2C7E7 #D3C3E9

#DCDCDD - #D3CFE3 - #D3C3E9

CSS codes

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

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