#BC9ADE - #69329C | 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 #BC9ADE to #69329C

#BC9ADE #69329C

Calculate the color between two colors, #BC9ADE and #69329C. 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)

#BC9ADE - #69329C | 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 #BC9ADE as 0% and #69329C as 100%.

0.0%	0.0% #BC9ADE	RGB 188 154 222	#BC9ADE
16.7%	16.7% #AE88D3	RGB 174 136 211	#AE88D3
33.3%	33.3% #A077C8	RGB 160 119 200	#A077C8
50.0%	50.0% #9266BD	RGB 146 102 189	#9266BD
66.7%	66.7% #8454B2	RGB 132 84 178	#8454B2
83.3%	83.3% #7643A7	RGB 118 67 167	#7643A7
100.0%	100.0% #69329C	RGB 105 50 156	#69329C

#BC9ADE #AE88D3 #A077C8 #9266BD #8454B2 #7643A7 #69329C

#BC9ADE - #69329C

HSV Blend

#BC9ADE - #69329C | 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 #BC9ADE as 0% and #69329C as 100%.

0.0%	0.0% #BC9ADE	RGB 188 154 222	#BC9ADE
16.7%	16.7% #AC85D3	RGB 172 133 211	#AC85D3
33.3%	33.3% #9D71C8	RGB 157 113 200	#9D71C8
50.0%	50.0% #8F5FBD	RGB 143 95 189	#8F5FBD
66.7%	66.7% #814FB2	RGB 129 79 178	#814FB2
83.3%	83.3% #753FA7	RGB 117 63 167	#753FA7
100.0%	100.0% #69329C	RGB 105 50 156	#69329C

#BC9ADE #AC85D3 #9D71C8 #8F5FBD #814FB2 #753FA7 #69329C

#BC9ADE - #8F5FBD - #69329C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC9ADE 0%, #8F5FBD 50%, #69329C 100%);
    background: -webkit-linear-gradient(top, #BC9ADE 0%, #8F5FBD 50%, #69329C 100%);
    background: linear-gradient(to bottom, #BC9ADE 0%, #8F5FBD 50%, #69329C 100%);
}
</style>