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

#D1B5DF #FFE8D6

Calculate the color between two colors, #D1B5DF 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)

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

0.0%	0.0% #D1B5DF	RGB 209 181 223	#D1B5DF
16.7%	16.7% #D8BDDD	RGB 216 189 221	#D8BDDD
33.3%	33.3% #E0C6DC	RGB 224 198 220	#E0C6DC
50.0%	50.0% #E8CEDA	RGB 232 206 218	#E8CEDA
66.7%	66.7% #EFD7D9	RGB 239 215 217	#EFD7D9
83.3%	83.3% #F7DFD7	RGB 247 223 215	#F7DFD7
100.0%	100.0% #FFE8D6	RGB 255 232 214	#FFE8D6

#D1B5DF #D8BDDD #E0C6DC #E8CEDA #EFD7D9 #F7DFD7 #FFE8D6

#D1B5DF - #FFE8D6

HSV Blend

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

0.0%	0.0% #D1B5DF	RGB 209 181 223	#D1B5DF
16.7%	16.7% #E2BAE4	RGB 226 186 228	#E2BAE4
33.3%	33.3% #E9BFDE	RGB 233 191 222	#E9BFDE
50.0%	50.0% #EFC5D7	RGB 239 197 215	#EFC5D7
66.7%	66.7% #F4CAD1	RGB 244 202 209	#F4CAD1
83.3%	83.3% #F9D6D0	RGB 249 214 208	#F9D6D0
100.0%	100.0% #FFE8D6	RGB 255 232 214	#FFE8D6

#D1B5DF #E2BAE4 #E9BFDE #EFC5D7 #F4CAD1 #F9D6D0 #FFE8D6

#D1B5DF - #EFC5D7 - #FFE8D6

CSS codes

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

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