#B49ADE - #FFDCD9 | 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 #B49ADE to #FFDCD9

#B49ADE #FFDCD9

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

#B49ADE - #FFDCD9 | 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 #B49ADE as 0% and #FFDCD9 as 100%.

0.0%	0.0% #B49ADE	RGB 180 154 222	#B49ADE
16.7%	16.7% #C0A5DD	RGB 192 165 221	#C0A5DD
33.3%	33.3% #CDB0DC	RGB 205 176 220	#CDB0DC
50.0%	50.0% #D9BBDB	RGB 217 187 219	#D9BBDB
66.7%	66.7% #E6C6DA	RGB 230 198 218	#E6C6DA
83.3%	83.3% #F2D1D9	RGB 242 209 217	#F2D1D9
100.0%	100.0% #FFDCD9	RGB 255 220 217	#FFDCD9

#B49ADE #C0A5DD #CDB0DC #D9BBDB #E6C6DA #F2D1D9 #FFDCD9

#B49ADE - #FFDCD9

HSV Blend

#B49ADE - #FFDCD9 | 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 #B49ADE as 0% and #FFDCD9 as 100%.

0.0%	0.0% #B49ADE	RGB 180 154 222	#B49ADE
16.7%	16.7% #CEA3E3	RGB 206 163 227	#CEA3E3
33.3%	33.3% #E5ADE9	RGB 229 173 233	#E5ADE9
50.0%	50.0% #EEB8E1	RGB 238 184 225	#EEB8E1
66.7%	66.7% #F4C2DA	RGB 244 194 218	#F4C2DA
83.3%	83.3% #F9CDD6	RGB 249 205 214	#F9CDD6
100.0%	100.0% #FFDCD9	RGB 255 220 217	#FFDCD9

#B49ADE #CEA3E3 #E5ADE9 #EEB8E1 #F4C2DA #F9CDD6 #FFDCD9

#B49ADE - #EEB8E1 - #FFDCD9

CSS codes

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

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