#D4CDD1 - #FFDFEA | 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 #D4CDD1 to #FFDFEA

#D4CDD1 #FFDFEA

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

#D4CDD1 - #FFDFEA | 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 #D4CDD1 as 0% and #FFDFEA as 100%.

0.0%	0.0% #D4CDD1	RGB 212 205 209	#D4CDD1
16.7%	16.7% #DBD0D5	RGB 219 208 213	#DBD0D5
33.3%	33.3% #E2D3D9	RGB 226 211 217	#E2D3D9
50.0%	50.0% #E9D6DD	RGB 233 214 221	#E9D6DD
66.7%	66.7% #F0D9E1	RGB 240 217 225	#F0D9E1
83.3%	83.3% #F7DCE5	RGB 247 220 229	#F7DCE5
100.0%	100.0% #FFDFEA	RGB 255 223 234	#FFDFEA

#D4CDD1 #DBD0D5 #E2D3D9 #E9D6DD #F0D9E1 #F7DCE5 #FFDFEA

#D4CDD1 - #FFDFEA

HSV Blend

#D4CDD1 - #FFDFEA | 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 #D4CDD1 as 0% and #FFDFEA as 100%.

0.0%	0.0% #D4CDD1	RGB 212 205 209	#D4CDD1
16.7%	16.7% #DBD0D6	RGB 219 208 214	#DBD0D6
33.3%	33.3% #E2D3DB	RGB 226 211 219	#E2D3DB
50.0%	50.0% #E9D6DF	RGB 233 214 223	#E9D6DF
66.7%	66.7% #F0D9E3	RGB 240 217 227	#F0D9E3
83.3%	83.3% #F7DCE6	RGB 247 220 230	#F7DCE6
100.0%	100.0% #FFDFEA	RGB 255 223 234	#FFDFEA

#D4CDD1 #DBD0D6 #E2D3DB #E9D6DF #F0D9E3 #F7DCE6 #FFDFEA

#D4CDD1 - #E9D6DF - #FFDFEA

CSS codes

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

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