#BDB3DA - #F0D0FF | 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 #BDB3DA to #F0D0FF

#BDB3DA #F0D0FF

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

#BDB3DA - #F0D0FF | 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 #BDB3DA as 0% and #F0D0FF as 100%.

0.0%	0.0% #BDB3DA	RGB 189 179 218	#BDB3DA
16.7%	16.7% #C5B7E0	RGB 197 183 224	#C5B7E0
33.3%	33.3% #CEBCE6	RGB 206 188 230	#CEBCE6
50.0%	50.0% #D6C1EC	RGB 214 193 236	#D6C1EC
66.7%	66.7% #DFC6F2	RGB 223 198 242	#DFC6F2
83.3%	83.3% #E7CBF8	RGB 231 203 248	#E7CBF8
100.0%	100.0% #F0D0FF	RGB 240 208 255	#F0D0FF

#BDB3DA #C5B7E0 #CEBCE6 #D6C1EC #DFC6F2 #E7CBF8 #F0D0FF

#BDB3DA - #F0D0FF

HSV Blend

#BDB3DA - #F0D0FF | 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 #BDB3DA as 0% and #F0D0FF as 100%.

0.0%	0.0% #BDB3DA	RGB 189 179 218	#BDB3DA
16.7%	16.7% #C5B7E0	RGB 197 183 224	#C5B7E0
33.3%	33.3% #CDBCE6	RGB 205 188 230	#CDBCE6
50.0%	50.0% #D5C1EC	RGB 213 193 236	#D5C1EC
66.7%	66.7% #DEC6F2	RGB 222 198 242	#DEC6F2
83.3%	83.3% #E7CBF8	RGB 231 203 248	#E7CBF8
100.0%	100.0% #F0D0FF	RGB 240 208 255	#F0D0FF

#BDB3DA #C5B7E0 #CDBCE6 #D5C1EC #DEC6F2 #E7CBF8 #F0D0FF

#BDB3DA - #D5C1EC - #F0D0FF

CSS codes

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

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