#DDC7DB - #CECAE5 | 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 #DDC7DB to #CECAE5

#DDC7DB #CECAE5

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

#DDC7DB - #CECAE5 | 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 #DDC7DB as 0% and #CECAE5 as 100%.

0.0%	0.0% #DDC7DB	RGB 221 199 219	#DDC7DB
16.7%	16.7% #DAC7DC	RGB 218 199 220	#DAC7DC
33.3%	33.3% #D8C8DE	RGB 216 200 222	#D8C8DE
50.0%	50.0% #D5C8E0	RGB 213 200 224	#D5C8E0
66.7%	66.7% #D3C9E1	RGB 211 201 225	#D3C9E1
83.3%	83.3% #D0C9E3	RGB 208 201 227	#D0C9E3
100.0%	100.0% #CECAE5	RGB 206 202 229	#CECAE5

#DDC7DB #DAC7DC #D8C8DE #D5C8E0 #D3C9E1 #D0C9E3 #CECAE5

#DDC7DB - #CECAE5

HSV Blend

#DDC7DB - #CECAE5 | 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 #DDC7DB as 0% and #CECAE5 as 100%.

0.0%	0.0% #DDC7DB	RGB 221 199 219	#DDC7DB
16.7%	16.7% #DCC7DE	RGB 220 199 222	#DCC7DE
33.3%	33.3% #DAC8DF	RGB 218 200 223	#DAC8DF
50.0%	50.0% #D7C8E1	RGB 215 200 225	#D7C8E1
66.7%	66.7% #D4C9E2	RGB 212 201 226	#D4C9E2
83.3%	83.3% #D1C9E3	RGB 209 201 227	#D1C9E3
100.0%	100.0% #CECAE5	RGB 206 202 229	#CECAE5

#DDC7DB #DCC7DE #DAC8DF #D7C8E1 #D4C9E2 #D1C9E3 #CECAE5

#DDC7DB - #D7C8E1 - #CECAE5

CSS codes

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

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