#DCCDCD - #DCDDE3 | 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 #DCCDCD to #DCDDE3

#DCCDCD #DCDDE3

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

#DCCDCD - #DCDDE3 | 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 #DCCDCD as 0% and #DCDDE3 as 100%.

0.0%	0.0% #DCCDCD	RGB 220 205 205	#DCCDCD
16.7%	16.7% #DCCFD0	RGB 220 207 208	#DCCFD0
33.3%	33.3% #DCD2D4	RGB 220 210 212	#DCD2D4
50.0%	50.0% #DCD5D8	RGB 220 213 216	#DCD5D8
66.7%	66.7% #DCD7DB	RGB 220 215 219	#DCD7DB
83.3%	83.3% #DCDADF	RGB 220 218 223	#DCDADF
100.0%	100.0% #DCDDE3	RGB 220 221 227	#DCDDE3

#DCCDCD #DCCFD0 #DCD2D4 #DCD5D8 #DCD7DB #DCDADF #DCDDE3

#DCCDCD - #DCDDE3

HSV Blend

#DCCDCD - #DCDDE3 | 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 #DCCDCD as 0% and #DCDDE3 as 100%.

0.0%	0.0% #DCCDCD	RGB 220 205 205	#DCCDCD
16.7%	16.7% #DDCFD4	RGB 221 207 212	#DDCFD4
33.3%	33.3% #DED1DA	RGB 222 209 218	#DED1DA
50.0%	50.0% #DED4DF	RGB 222 212 223	#DED4DF
66.7%	66.7% #DCD6E0	RGB 220 214 224	#DCD6E0
83.3%	83.3% #DBD9E1	RGB 219 217 225	#DBD9E1
100.0%	100.0% #DCDDE3	RGB 220 221 227	#DCDDE3

#DCCDCD #DDCFD4 #DED1DA #DED4DF #DCD6E0 #DBD9E1 #DCDDE3

#DCCDCD - #DED4DF - #DCDDE3

CSS codes

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

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