#D2B5D9 - #FFD1F7 | 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 #D2B5D9 to #FFD1F7

#D2B5D9 #FFD1F7

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

#D2B5D9 - #FFD1F7 | 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 #D2B5D9 as 0% and #FFD1F7 as 100%.

0.0%	0.0% #D2B5D9	RGB 210 181 217	#D2B5D9
16.7%	16.7% #D9B9DE	RGB 217 185 222	#D9B9DE
33.3%	33.3% #E1BEE3	RGB 225 190 227	#E1BEE3
50.0%	50.0% #E8C3E8	RGB 232 195 232	#E8C3E8
66.7%	66.7% #F0C7ED	RGB 240 199 237	#F0C7ED
83.3%	83.3% #F7CCF2	RGB 247 204 242	#F7CCF2
100.0%	100.0% #FFD1F7	RGB 255 209 247	#FFD1F7

#D2B5D9 #D9B9DE #E1BEE3 #E8C3E8 #F0C7ED #F7CCF2 #FFD1F7

#D2B5D9 - #FFD1F7

HSV Blend

#D2B5D9 - #FFD1F7 | 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 #D2B5D9 as 0% and #FFD1F7 as 100%.

0.0%	0.0% #D2B5D9	RGB 210 181 217	#D2B5D9
16.7%	16.7% #DAB9DF	RGB 218 185 223	#DAB9DF
33.3%	33.3% #E2BEE5	RGB 226 190 229	#E2BEE5
50.0%	50.0% #EBC3EC	RGB 235 195 236	#EBC3EC
66.7%	66.7% #F2C7F0	RGB 242 199 240	#F2C7F0
83.3%	83.3% #F8CCF3	RGB 248 204 243	#F8CCF3
100.0%	100.0% #FFD1F7	RGB 255 209 247	#FFD1F7

#D2B5D9 #DAB9DF #E2BEE5 #EBC3EC #F2C7F0 #F8CCF3 #FFD1F7

#D2B5D9 - #EBC3EC - #FFD1F7

CSS codes

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

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