#BC4CB7 - #AFC3E4 | 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 #BC4CB7 to #AFC3E4

#BC4CB7 #AFC3E4

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

#BC4CB7 - #AFC3E4 | 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 #BC4CB7 as 0% and #AFC3E4 as 100%.

0.0%	0.0% #BC4CB7	RGB 188 76 183	#BC4CB7
16.7%	16.7% #B95FBE	RGB 185 95 190	#B95FBE
33.3%	33.3% #B773C6	RGB 183 115 198	#B773C6
50.0%	50.0% #B587CD	RGB 181 135 205	#B587CD
66.7%	66.7% #B39BD5	RGB 179 155 213	#B39BD5
83.3%	83.3% #B1AFDC	RGB 177 175 220	#B1AFDC
100.0%	100.0% #AFC3E4	RGB 175 195 228	#AFC3E4

#BC4CB7 #B95FBE #B773C6 #B587CD #B39BD5 #B1AFDC #AFC3E4

#BC4CB7 - #AFC3E4

HSV Blend

#BC4CB7 - #AFC3E4 | 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 #BC4CB7 as 0% and #AFC3E4 as 100%.

0.0%	0.0% #BC4CB6	RGB 188 76 182	#BC4CB6
16.7%	16.7% #AE5AC2	RGB 174 90 194	#AE5AC2
33.3%	33.3% #A069C9	RGB 160 105 201	#A069C9
50.0%	50.0% #9679D0	RGB 150 121 208	#9679D0
66.7%	66.7% #928AD6	RGB 146 138 214	#928AD6
83.3%	83.3% #9CA5DD	RGB 156 165 221	#9CA5DD
100.0%	100.0% #AFC3E4	RGB 175 195 228	#AFC3E4

#BC4CB6 #AE5AC2 #A069C9 #9679D0 #928AD6 #9CA5DD #AFC3E4

#BC4CB7 - #9679D0 - #AFC3E4

CSS codes

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

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