#D1CDDA - #FFCECE | 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 #D1CDDA to #FFCECE

#D1CDDA #FFCECE

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

#D1CDDA - #FFCECE | 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 #D1CDDA as 0% and #FFCECE as 100%.

0.0%	0.0% #D1CDDA	RGB 209 205 218	#D1CDDA
16.7%	16.7% #D8CDD8	RGB 216 205 216	#D8CDD8
33.3%	33.3% #E0CDD6	RGB 224 205 214	#E0CDD6
50.0%	50.0% #E8CDD4	RGB 232 205 212	#E8CDD4
66.7%	66.7% #EFCDD2	RGB 239 205 210	#EFCDD2
83.3%	83.3% #F7CDD0	RGB 247 205 208	#F7CDD0
100.0%	100.0% #FFCECE	RGB 255 206 206	#FFCECE

#D1CDDA #D8CDD8 #E0CDD6 #E8CDD4 #EFCDD2 #F7CDD0 #FFCECE

#D1CDDA - #FFCECE

HSV Blend

#D1CDDA - #FFCECE | 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 #D1CDDA as 0% and #FFCECE as 100%.

0.0%	0.0% #D1CDDA	RGB 209 205 218	#D1CDDA
16.7%	16.7% #D8CDE0	RGB 216 205 224	#D8CDE0
33.3%	33.3% #E3CEE6	RGB 227 206 230	#E3CEE6
50.0%	50.0% #ECCEE7	RGB 236 206 231	#ECCEE7
66.7%	66.7% #F2CEE3	RGB 242 206 227	#F2CEE3
83.3%	83.3% #F8CEDA	RGB 248 206 218	#F8CEDA
100.0%	100.0% #FFCECE	RGB 255 206 206	#FFCECE

#D1CDDA #D8CDE0 #E3CEE6 #ECCEE7 #F2CEE3 #F8CEDA #FFCECE

#D1CDDA - #ECCEE7 - #FFCECE

CSS codes

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

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