#DCD3E4 - #FFDAD6 | 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 #DCD3E4 to #FFDAD6

#DCD3E4 #FFDAD6

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

#DCD3E4 - #FFDAD6 | 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 #DCD3E4 as 0% and #FFDAD6 as 100%.

0.0%	0.0% #DCD3E4	RGB 220 211 228	#DCD3E4
16.7%	16.7% #E1D4E1	RGB 225 212 225	#E1D4E1
33.3%	33.3% #E7D5DF	RGB 231 213 223	#E7D5DF
50.0%	50.0% #EDD6DD	RGB 237 214 221	#EDD6DD
66.7%	66.7% #F3D7DA	RGB 243 215 218	#F3D7DA
83.3%	83.3% #F9D8D8	RGB 249 216 216	#F9D8D8
100.0%	100.0% #FFDAD6	RGB 255 218 214	#FFDAD6

#DCD3E4 #E1D4E1 #E7D5DF #EDD6DD #F3D7DA #F9D8D8 #FFDAD6

#DCD3E4 - #FFDAD6

HSV Blend

#DCD3E4 - #FFDAD6 | 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 #DCD3E4 as 0% and #FFDAD6 as 100%.

0.0%	0.0% #DCD3E4	RGB 220 211 228	#DCD3E4
16.7%	16.7% #E4D3E8	RGB 228 211 232	#E4D3E8
33.3%	33.3% #EDD4EB	RGB 237 212 235	#EDD4EB
50.0%	50.0% #F1D5E8	RGB 241 213 232	#F1D5E8
66.7%	66.7% #F6D5E3	RGB 246 213 227	#F6D5E3
83.3%	83.3% #FAD5DB	RGB 250 213 219	#FAD5DB
100.0%	100.0% #FFDAD6	RGB 255 218 214	#FFDAD6

#DCD3E4 #E4D3E8 #EDD4EB #F1D5E8 #F6D5E3 #FAD5DB #FFDAD6

#DCD3E4 - #F1D5E8 - #FFDAD6

CSS codes

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

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