#D2B5DF - #FFE8D6 | 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 #D2B5DF to #FFE8D6

#D2B5DF #FFE8D6

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

#D2B5DF - #FFE8D6 | 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 #D2B5DF as 0% and #FFE8D6 as 100%.

0.0%	0.0% #D2B5DF	RGB 210 181 223	#D2B5DF
16.7%	16.7% #D9BDDD	RGB 217 189 221	#D9BDDD
33.3%	33.3% #E1C6DC	RGB 225 198 220	#E1C6DC
50.0%	50.0% #E8CEDA	RGB 232 206 218	#E8CEDA
66.7%	66.7% #F0D7D9	RGB 240 215 217	#F0D7D9
83.3%	83.3% #F7DFD7	RGB 247 223 215	#F7DFD7
100.0%	100.0% #FFE8D6	RGB 255 232 214	#FFE8D6

#D2B5DF #D9BDDD #E1C6DC #E8CEDA #F0D7D9 #F7DFD7 #FFE8D6

#D2B5DF - #FFE8D6

HSV Blend

#D2B5DF - #FFE8D6 | 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 #D2B5DF as 0% and #FFE8D6 as 100%.

0.0%	0.0% #D2B5DF	RGB 210 181 223	#D2B5DF
16.7%	16.7% #E3BAE4	RGB 227 186 228	#E3BAE4
33.3%	33.3% #E9BFDE	RGB 233 191 222	#E9BFDE
50.0%	50.0% #EFC5D7	RGB 239 197 215	#EFC5D7
66.7%	66.7% #F4CAD0	RGB 244 202 208	#F4CAD0
83.3%	83.3% #F9D6D0	RGB 249 214 208	#F9D6D0
100.0%	100.0% #FFE8D6	RGB 255 232 214	#FFE8D6

#D2B5DF #E3BAE4 #E9BFDE #EFC5D7 #F4CAD0 #F9D6D0 #FFE8D6

#D2B5DF - #EFC5D7 - #FFE8D6

CSS codes

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

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