#BCA8F9 - #6C38C4 | 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 #BCA8F9 to #6C38C4

#BCA8F9 #6C38C4

Calculate the color between two colors, #BCA8F9 and #6C38C4. 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)

#BCA8F9 - #6C38C4 | 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 #BCA8F9 as 0% and #6C38C4 as 100%.

0.0%	0.0% #BCA8F9	RGB 188 168 249	#BCA8F9
16.7%	16.7% #AE95F0	RGB 174 149 240	#AE95F0
33.3%	33.3% #A182E7	RGB 161 130 231	#A182E7
50.0%	50.0% #9470DE	RGB 148 112 222	#9470DE
66.7%	66.7% #865DD5	RGB 134 93 213	#865DD5
83.3%	83.3% #794ACC	RGB 121 74 204	#794ACC
100.0%	100.0% #6C38C4	RGB 108 56 196	#6C38C4

#BCA8F9 #AE95F0 #A182E7 #9470DE #865DD5 #794ACC #6C38C4

#BCA8F9 - #6C38C4

HSV Blend

#BCA8F9 - #6C38C4 | 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 #BCA8F9 as 0% and #6C38C4 as 100%.

0.0%	0.0% #BCA8F9	RGB 188 168 249	#BCA8F9
16.7%	16.7% #AB92F0	RGB 171 146 240	#AB92F0
33.3%	33.3% #9C7EE7	RGB 156 126 231	#9C7EE7
50.0%	50.0% #8E6ADE	RGB 142 106 222	#8E6ADE
66.7%	66.7% #8158D5	RGB 129 88 213	#8158D5
83.3%	83.3% #7647CC	RGB 118 71 204	#7647CC
100.0%	100.0% #6C38C4	RGB 108 56 196	#6C38C4

#BCA8F9 #AB92F0 #9C7EE7 #8E6ADE #8158D5 #7647CC #6C38C4

#BCA8F9 - #8E6ADE - #6C38C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCA8F9 0%, #8E6ADE 50%, #6C38C4 100%);
    background: -webkit-linear-gradient(top, #BCA8F9 0%, #8E6ADE 50%, #6C38C4 100%);
    background: linear-gradient(to bottom, #BCA8F9 0%, #8E6ADE 50%, #6C38C4 100%);
}
</style>