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

#BF9CDA #FFE8D6

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

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

0.0%	0.0% #BF9CDA	RGB 191 156 218	#BF9CDA
16.7%	16.7% #C9A8D9	RGB 201 168 217	#C9A8D9
33.3%	33.3% #D4B5D8	RGB 212 181 216	#D4B5D8
50.0%	50.0% #DFC2D8	RGB 223 194 216	#DFC2D8
66.7%	66.7% #E9CED7	RGB 233 206 215	#E9CED7
83.3%	83.3% #F4DBD6	RGB 244 219 214	#F4DBD6
100.0%	100.0% #FFE8D6	RGB 255 232 214	#FFE8D6

#BF9CDA #C9A8D9 #D4B5D8 #DFC2D8 #E9CED7 #F4DBD6 #FFE8D6

#BF9CDA - #FFE8D6

HSV Blend

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

0.0%	0.0% #BF9CDA	RGB 191 156 218	#BF9CDA
16.7%	16.7% #D8A5E0	RGB 216 165 224	#D8A5E0
33.3%	33.3% #E6AEDB	RGB 230 174 219	#E6AEDB
50.0%	50.0% #ECB7D2	RGB 236 183 210	#ECB7D2
66.7%	66.7% #F2C1CA	RGB 242 193 202	#F2C1CA
83.3%	83.3% #F8D1CB	RGB 248 209 203	#F8D1CB
100.0%	100.0% #FFE8D6	RGB 255 232 214	#FFE8D6

#BF9CDA #D8A5E0 #E6AEDB #ECB7D2 #F2C1CA #F8D1CB #FFE8D6

#BF9CDA - #ECB7D2 - #FFE8D6

CSS codes

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

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