#8F8CDA - #B9ACFF | 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 #8F8CDA to #B9ACFF

#8F8CDA #B9ACFF

Calculate the color between two colors, #8F8CDA and #B9ACFF. 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)

#8F8CDA - #B9ACFF | 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 #8F8CDA as 0% and #B9ACFF as 100%.

0.0%	0.0% #8F8CDA	RGB 143 140 218	#8F8CDA
16.7%	16.7% #9691E0	RGB 150 145 224	#9691E0
33.3%	33.3% #9D96E6	RGB 157 150 230	#9D96E6
50.0%	50.0% #A49CEC	RGB 164 156 236	#A49CEC
66.7%	66.7% #ABA1F2	RGB 171 161 242	#ABA1F2
83.3%	83.3% #B2A6F8	RGB 178 166 248	#B2A6F8
100.0%	100.0% #B9ACFF	RGB 185 172 255	#B9ACFF

#8F8CDA #9691E0 #9D96E6 #A49CEC #ABA1F2 #B2A6F8 #B9ACFF

#8F8CDA - #B9ACFF

HSV Blend

#8F8CDA - #B9ACFF | 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 #8F8CDA as 0% and #B9ACFF as 100%.

0.0%	0.0% #8F8CDA	RGB 143 140 218	#8F8CDA
16.7%	16.7% #9591E0	RGB 149 145 224	#9591E0
33.3%	33.3% #9C96E6	RGB 156 150 230	#9C96E6
50.0%	50.0% #A39BEC	RGB 163 155 236	#A39BEC
66.7%	66.7% #AAA1F2	RGB 170 161 242	#AAA1F2
83.3%	83.3% #B1A6F8	RGB 177 166 248	#B1A6F8
100.0%	100.0% #B9ACFF	RGB 185 172 255	#B9ACFF

#8F8CDA #9591E0 #9C96E6 #A39BEC #AAA1F2 #B1A6F8 #B9ACFF

#8F8CDA - #A39BEC - #B9ACFF

CSS codes

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

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