#BCB5ED - #724DB3 | 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 #BCB5ED to #724DB3

#BCB5ED #724DB3

Calculate the color between two colors, #BCB5ED and #724DB3. 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)

#BCB5ED - #724DB3 | 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 #BCB5ED as 0% and #724DB3 as 100%.

0.0%	0.0% #BCB5ED	RGB 188 181 237	#BCB5ED
16.7%	16.7% #AFA3E3	RGB 175 163 227	#AFA3E3
33.3%	33.3% #A392D9	RGB 163 146 217	#A392D9
50.0%	50.0% #9781D0	RGB 151 129 208	#9781D0
66.7%	66.7% #8A6FC6	RGB 138 111 198	#8A6FC6
83.3%	83.3% #7E5EBC	RGB 126 94 188	#7E5EBC
100.0%	100.0% #724DB3	RGB 114 77 179	#724DB3

#BCB5ED #AFA3E3 #A392D9 #9781D0 #8A6FC6 #7E5EBC #724DB3

#BCB5ED - #724DB3

HSV Blend

#BCB5ED - #724DB3 | 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 #BCB5ED as 0% and #724DB3 as 100%.

0.0%	0.0% #BCB5ED	RGB 188 181 237	#BCB5ED
16.7%	16.7% #ABA0E3	RGB 171 160 227	#ABA0E3
33.3%	33.3% #9D8ED9	RGB 157 142 217	#9D8ED9
50.0%	50.0% #907CD0	RGB 144 124 208	#907CD0
66.7%	66.7% #856BC6	RGB 133 107 198	#856BC6
83.3%	83.3% #7A5BBC	RGB 122 91 188	#7A5BBC
100.0%	100.0% #724DB3	RGB 114 77 179	#724DB3

#BCB5ED #ABA0E3 #9D8ED9 #907CD0 #856BC6 #7A5BBC #724DB3

#BCB5ED - #907CD0 - #724DB3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCB5ED 0%, #907CD0 50%, #724DB3 100%);
    background: -webkit-linear-gradient(top, #BCB5ED 0%, #907CD0 50%, #724DB3 100%);
    background: linear-gradient(to bottom, #BCB5ED 0%, #907CD0 50%, #724DB3 100%);
}
</style>