#D2BED1 - #FFE6DF | 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 #D2BED1 to #FFE6DF

#D2BED1 #FFE6DF

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

#D2BED1 - #FFE6DF | 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 #D2BED1 as 0% and #FFE6DF as 100%.

0.0%	0.0% #D2BED1	RGB 210 190 209	#D2BED1
16.7%	16.7% #D9C4D3	RGB 217 196 211	#D9C4D3
33.3%	33.3% #E1CBD5	RGB 225 203 213	#E1CBD5
50.0%	50.0% #E8D2D8	RGB 232 210 216	#E8D2D8
66.7%	66.7% #F0D8DA	RGB 240 216 218	#F0D8DA
83.3%	83.3% #F7DFDC	RGB 247 223 220	#F7DFDC
100.0%	100.0% #FFE6DF	RGB 255 230 223	#FFE6DF

#D2BED1 #D9C4D3 #E1CBD5 #E8D2D8 #F0D8DA #F7DFDC #FFE6DF

#D2BED1 - #FFE6DF

HSV Blend

#D2BED1 - #FFE6DF | 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 #D2BED1 as 0% and #FFE6DF as 100%.

0.0%	0.0% #D2BED1	RGB 210 190 209	#D2BED1
16.7%	16.7% #D9C3D4	RGB 217 195 212	#D9C3D4
33.3%	33.3% #E1C9D6	RGB 225 201 214	#E1C9D6
50.0%	50.0% #E8CED8	RGB 232 206 216	#E8CED8
66.7%	66.7% #F0D4D9	RGB 240 212 217	#F0D4D9
83.3%	83.3% #F7DAD9	RGB 247 218 217	#F7DAD9
100.0%	100.0% #FFE6DF	RGB 255 230 223	#FFE6DF

#D2BED1 #D9C3D4 #E1C9D6 #E8CED8 #F0D4D9 #F7DAD9 #FFE6DF

#D2BED1 - #E8CED8 - #FFE6DF

CSS codes

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

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