#DDC9DA - #E0E5E4 | 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 #DDC9DA to #E0E5E4

#DDC9DA #E0E5E4

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

#DDC9DA - #E0E5E4 | 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 #DDC9DA as 0% and #E0E5E4 as 100%.

0.0%	0.0% #DDC9DA	RGB 221 201 218	#DDC9DA
16.7%	16.7% #DDCDDB	RGB 221 205 219	#DDCDDB
33.3%	33.3% #DED2DD	RGB 222 210 221	#DED2DD
50.0%	50.0% #DED7DF	RGB 222 215 223	#DED7DF
66.7%	66.7% #DFDBE0	RGB 223 219 224	#DFDBE0
83.3%	83.3% #DFE0E2	RGB 223 224 226	#DFE0E2
100.0%	100.0% #E0E5E4	RGB 224 229 228	#E0E5E4

#DDC9DA #DDCDDB #DED2DD #DED7DF #DFDBE0 #DFE0E2 #E0E5E4

#DDC9DA - #E0E5E4

HSV Blend

#DDC9DA - #E0E5E4 | 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 #DDC9DA as 0% and #E0E5E4 as 100%.

0.0%	0.0% #DDC9DA	RGB 221 201 218	#DDC9DA
16.7%	16.7% #DACCDE	RGB 218 204 222	#DACCDE
33.3%	33.3% #D6D0DF	RGB 214 208 223	#D6D0DF
50.0%	50.0% #D4D4E1	RGB 212 212 225	#D4D4E1
66.7%	66.7% #D8DCE2	RGB 216 220 226	#D8DCE2
83.3%	83.3% #DCE2E3	RGB 220 226 227	#DCE2E3
100.0%	100.0% #E0E5E4	RGB 224 229 228	#E0E5E4

#DDC9DA #DACCDE #D6D0DF #D4D4E1 #D8DCE2 #DCE2E3 #E0E5E4

#DDC9DA - #D4D4E1 - #E0E5E4

CSS codes

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

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