#BDB4D6 - #FFE6D0 | 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 #BDB4D6 to #FFE6D0

#BDB4D6 #FFE6D0

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

#BDB4D6 - #FFE6D0 | 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 #BDB4D6 as 0% and #FFE6D0 as 100%.

0.0%	0.0% #BDB4D6	RGB 189 180 214	#BDB4D6
16.7%	16.7% #C8BCD5	RGB 200 188 213	#C8BCD5
33.3%	33.3% #D3C4D4	RGB 211 196 212	#D3C4D4
50.0%	50.0% #DECDD3	RGB 222 205 211	#DECDD3
66.7%	66.7% #E9D5D2	RGB 233 213 210	#E9D5D2
83.3%	83.3% #F4DDD1	RGB 244 221 209	#F4DDD1
100.0%	100.0% #FFE6D0	RGB 255 230 208	#FFE6D0

#BDB4D6 #C8BCD5 #D3C4D4 #DECDD3 #E9D5D2 #F4DDD1 #FFE6D0

#BDB4D6 - #FFE6D0

HSV Blend

#BDB4D6 - #FFE6D0 | 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 #BDB4D6 as 0% and #FFE6D0 as 100%.

0.0%	0.0% #BDB4D6	RGB 189 180 214	#BDB4D6
16.7%	16.7% #CFB8DC	RGB 207 184 220	#CFB8DC
33.3%	33.3% #E3BDE3	RGB 227 189 227	#E3BDE3
50.0%	50.0% #EAC2DB	RGB 234 194 219	#EAC2DB
66.7%	66.7% #F1C6D2	RGB 241 198 210	#F1C6D2
83.3%	83.3% #F8CFCB	RGB 248 207 203	#F8CFCB
100.0%	100.0% #FFE6D0	RGB 255 230 208	#FFE6D0

#BDB4D6 #CFB8DC #E3BDE3 #EAC2DB #F1C6D2 #F8CFCB #FFE6D0

#BDB4D6 - #EAC2DB - #FFE6D0

CSS codes

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

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