#D6CDD4 - #FFE6EC | 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 #D6CDD4 to #FFE6EC

#D6CDD4 #FFE6EC

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

#D6CDD4 - #FFE6EC | 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 #D6CDD4 as 0% and #FFE6EC as 100%.

0.0%	0.0% #D6CDD4	RGB 214 205 212	#D6CDD4
16.7%	16.7% #DCD1D8	RGB 220 209 216	#DCD1D8
33.3%	33.3% #E3D5DC	RGB 227 213 220	#E3D5DC
50.0%	50.0% #EAD9E0	RGB 234 217 224	#EAD9E0
66.7%	66.7% #F1DDE4	RGB 241 221 228	#F1DDE4
83.3%	83.3% #F8E1E8	RGB 248 225 232	#F8E1E8
100.0%	100.0% #FFE6EC	RGB 255 230 236	#FFE6EC

#D6CDD4 #DCD1D8 #E3D5DC #EAD9E0 #F1DDE4 #F8E1E8 #FFE6EC

#D6CDD4 - #FFE6EC

HSV Blend

#D6CDD4 - #FFE6EC | 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 #D6CDD4 as 0% and #FFE6EC as 100%.

0.0%	0.0% #D6CDD4	RGB 214 205 212	#D6CDD4
16.7%	16.7% #DCD1D9	RGB 220 209 217	#DCD1D9
33.3%	33.3% #E3D5DE	RGB 227 213 222	#E3D5DE
50.0%	50.0% #EADAE2	RGB 234 218 226	#EADAE2
66.7%	66.7% #F1DEE6	RGB 241 222 230	#F1DEE6
83.3%	83.3% #F8E2E9	RGB 248 226 233	#F8E2E9
100.0%	100.0% #FFE6EC	RGB 255 230 236	#FFE6EC

#D6CDD4 #DCD1D9 #E3D5DE #EADAE2 #F1DEE6 #F8E2E9 #FFE6EC

#D6CDD4 - #EADAE2 - #FFE6EC

CSS codes

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

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