#BDA0E2 - #BBC9FF | 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 #BDA0E2 to #BBC9FF

#BDA0E2 #BBC9FF

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

#BDA0E2 - #BBC9FF | 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 #BDA0E2 as 0% and #BBC9FF as 100%.

0.0%	0.0% #BDA0E2	RGB 189 160 226	#BDA0E2
16.7%	16.7% #BCA6E6	RGB 188 166 230	#BCA6E6
33.3%	33.3% #BCADEB	RGB 188 173 235	#BCADEB
50.0%	50.0% #BCB4F0	RGB 188 180 240	#BCB4F0
66.7%	66.7% #BBBBF5	RGB 187 187 245	#BBBBF5
83.3%	83.3% #BBC2FA	RGB 187 194 250	#BBC2FA
100.0%	100.0% #BBC9FF	RGB 187 201 255	#BBC9FF

#BDA0E2 #BCA6E6 #BCADEB #BCB4F0 #BBBBF5 #BBC2FA #BBC9FF

#BDA0E2 - #BBC9FF

HSV Blend

#BDA0E2 - #BBC9FF | 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 #BDA0E2 as 0% and #BBC9FF as 100%.

0.0%	0.0% #BDA0E2	RGB 189 160 226	#BDA0E2
16.7%	16.7% #BAA4E6	RGB 186 164 230	#BAA4E6
33.3%	33.3% #B7A8EB	RGB 183 168 235	#B7A8EB
50.0%	50.0% #B5ADF0	RGB 181 173 240	#B5ADF0
66.7%	66.7% #B2B1F5	RGB 178 177 245	#B2B1F5
83.3%	83.3% #B6BDFA	RGB 182 189 250	#B6BDFA
100.0%	100.0% #BBC9FF	RGB 187 201 255	#BBC9FF

#BDA0E2 #BAA4E6 #B7A8EB #B5ADF0 #B2B1F5 #B6BDFA #BBC9FF

#BDA0E2 - #B5ADF0 - #BBC9FF

CSS codes

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

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