#D9CDDF - #FFFAD7 | 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 #D9CDDF to #FFFAD7

#D9CDDF #FFFAD7

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

#D9CDDF - #FFFAD7 | 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 #D9CDDF as 0% and #FFFAD7 as 100%.

0.0%	0.0% #D9CDDF	RGB 217 205 223	#D9CDDF
16.7%	16.7% #DFD4DD	RGB 223 212 221	#DFD4DD
33.3%	33.3% #E5DCDC	RGB 229 220 220	#E5DCDC
50.0%	50.0% #ECE3DB	RGB 236 227 219	#ECE3DB
66.7%	66.7% #F2EBD9	RGB 242 235 217	#F2EBD9
83.3%	83.3% #F8F2D8	RGB 248 242 216	#F8F2D8
100.0%	100.0% #FFFAD7	RGB 255 250 215	#FFFAD7

#D9CDDF #DFD4DD #E5DCDC #ECE3DB #F2EBD9 #F8F2D8 #FFFAD7

#D9CDDF - #FFFAD7

HSV Blend

#D9CDDF - #FFFAD7 | 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 #D9CDDF as 0% and #FFFAD7 as 100%.

0.0%	0.0% #D9CDDF	RGB 217 205 223	#D9CDDF
16.7%	16.7% #E4CFE3	RGB 228 207 227	#E4CFE3
33.3%	33.3% #E9D0DF	RGB 233 208 223	#E9D0DF
50.0%	50.0% #EFD2D9	RGB 239 210 217	#EFD2D9
66.7%	66.7% #F4D8D4	RGB 244 216 212	#F4D8D4
83.3%	83.3% #F9E7D5	RGB 249 231 213	#F9E7D5
100.0%	100.0% #FFFAD7	RGB 255 250 215	#FFFAD7

#D9CDDF #E4CFE3 #E9D0DF #EFD2D9 #F4D8D4 #F9E7D5 #FFFAD7

#D9CDDF - #EFD2D9 - #FFFAD7

CSS codes

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

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