#DDC3E5 - #FCFFDD | 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 #DDC3E5 to #FCFFDD

#DDC3E5 #FCFFDD

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

#DDC3E5 - #FCFFDD | 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 #DDC3E5 as 0% and #FCFFDD as 100%.

0.0%	0.0% #DDC3E5	RGB 221 195 229	#DDC3E5
16.7%	16.7% #E2CDE3	RGB 226 205 227	#E2CDE3
33.3%	33.3% #E7D7E2	RGB 231 215 226	#E7D7E2
50.0%	50.0% #ECE1E1	RGB 236 225 225	#ECE1E1
66.7%	66.7% #F1EBDF	RGB 241 235 223	#F1EBDF
83.3%	83.3% #F6F5DE	RGB 246 245 222	#F6F5DE
100.0%	100.0% #FCFFDD	RGB 252 255 221	#FCFFDD

#DDC3E5 #E2CDE3 #E7D7E2 #ECE1E1 #F1EBDF #F6F5DE #FCFFDD

#DDC3E5 - #FCFFDD

HSV Blend

#DDC3E5 - #FCFFDD | 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 #DDC3E5 as 0% and #FCFFDD as 100%.

0.0%	0.0% #DDC3E5	RGB 221 195 229	#DDC3E5
16.7%	16.7% #E9C7E4	RGB 233 199 228	#E9C7E4
33.3%	33.3% #EDCBDB	RGB 237 203 219	#EDCBDB
50.0%	50.0% #F2CFD2	RGB 242 207 210	#F2CFD2
66.7%	66.7% #F6DED4	RGB 246 222 212	#F6DED4
83.3%	83.3% #FAF0D8	RGB 250 240 216	#FAF0D8
100.0%	100.0% #FCFFDD	RGB 252 255 221	#FCFFDD

#DDC3E5 #E9C7E4 #EDCBDB #F2CFD2 #F6DED4 #FAF0D8 #FCFFDD

#DDC3E5 - #F2CFD2 - #FCFFDD

CSS codes

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

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