#DDC4DD - #C9CDF0 | 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 #DDC4DD to #C9CDF0

#DDC4DD #C9CDF0

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

#DDC4DD - #C9CDF0 | 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 #DDC4DD as 0% and #C9CDF0 as 100%.

0.0%	0.0% #DDC4DD	RGB 221 196 221	#DDC4DD
16.7%	16.7% #D9C5E0	RGB 217 197 224	#D9C5E0
33.3%	33.3% #D6C7E3	RGB 214 199 227	#D6C7E3
50.0%	50.0% #D3C8E6	RGB 211 200 230	#D3C8E6
66.7%	66.7% #CFCAE9	RGB 207 202 233	#CFCAE9
83.3%	83.3% #CCCBEC	RGB 204 203 236	#CCCBEC
100.0%	100.0% #C9CDF0	RGB 201 205 240	#C9CDF0

#DDC4DD #D9C5E0 #D6C7E3 #D3C8E6 #CFCAE9 #CCCBEC #C9CDF0

#DDC4DD - #C9CDF0

HSV Blend

#DDC4DD - #C9CDF0 | 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 #DDC4DD as 0% and #C9CDF0 as 100%.

0.0%	0.0% #DDC4DD	RGB 221 196 221	#DDC4DD
16.7%	16.7% #DBC4E0	RGB 219 196 224	#DBC4E0
33.3%	33.3% #D8C5E3	RGB 216 197 227	#D8C5E3
50.0%	50.0% #D4C6E6	RGB 212 198 230	#D4C6E6
66.7%	66.7% #D0C7E9	RGB 208 199 233	#D0C7E9
83.3%	83.3% #CBC8EC	RGB 203 200 236	#CBC8EC
100.0%	100.0% #C9CDF0	RGB 201 205 240	#C9CDF0

#DDC4DD #DBC4E0 #D8C5E3 #D4C6E6 #D0C7E9 #CBC8EC #C9CDF0

#DDC4DD - #D4C6E6 - #C9CDF0

CSS codes

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

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