#DDCFDF - #DEE3E4 | 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 #DDCFDF to #DEE3E4

#DDCFDF #DEE3E4

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

#DDCFDF - #DEE3E4 | 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 #DDCFDF as 0% and #DEE3E4 as 100%.

0.0%	0.0% #DDCFDF	RGB 221 207 223	#DDCFDF
16.7%	16.7% #DDD2DF	RGB 221 210 223	#DDD2DF
33.3%	33.3% #DDD5E0	RGB 221 213 224	#DDD5E0
50.0%	50.0% #DDD9E1	RGB 221 217 225	#DDD9E1
66.7%	66.7% #DDDCE2	RGB 221 220 226	#DDDCE2
83.3%	83.3% #DDDFE3	RGB 221 223 227	#DDDFE3
100.0%	100.0% #DEE3E4	RGB 222 227 228	#DEE3E4

#DDCFDF #DDD2DF #DDD5E0 #DDD9E1 #DDDCE2 #DDDFE3 #DEE3E4

#DDCFDF - #DEE3E4

HSV Blend

#DDCFDF - #DEE3E4 | 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 #DDCFDF as 0% and #DEE3E4 as 100%.

0.0%	0.0% #DDCFDF	RGB 221 207 223	#DDCFDF
16.7%	16.7% #D9D1DF	RGB 217 209 223	#D9D1DF
33.3%	33.3% #D7D3E0	RGB 215 211 224	#D7D3E0
50.0%	50.0% #D6D6E1	RGB 214 214 225	#D6D6E1
66.7%	66.7% #D8DBE2	RGB 216 219 226	#D8DBE2
83.3%	83.3% #DBDFE3	RGB 219 223 227	#DBDFE3
100.0%	100.0% #DEE3E4	RGB 222 227 228	#DEE3E4

#DDCFDF #D9D1DF #D7D3E0 #D6D6E1 #D8DBE2 #DBDFE3 #DEE3E4

#DDCFDF - #D6D6E1 - #DEE3E4

CSS codes

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

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