#BD9FEE - #8C4BCF | 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 #BD9FEE to #8C4BCF

#BD9FEE #8C4BCF

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

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

0.0%	0.0% #BD9FEE	RGB 189 159 238	#BD9FEE
16.7%	16.7% #B491E8	RGB 180 145 232	#B491E8
33.3%	33.3% #AC83E3	RGB 172 131 227	#AC83E3
50.0%	50.0% #A475DE	RGB 164 117 222	#A475DE
66.7%	66.7% #9C67D9	RGB 156 103 217	#9C67D9
83.3%	83.3% #9459D4	RGB 148 89 212	#9459D4
100.0%	100.0% #8C4BCF	RGB 140 75 207	#8C4BCF

#BD9FEE #B491E8 #AC83E3 #A475DE #9C67D9 #9459D4 #8C4BCF

#BD9FEE - #8C4BCF

HSV Blend

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

0.0%	0.0% #BD9FEE	RGB 189 159 238	#BD9FEE
16.7%	16.7% #B38FE8	RGB 179 143 232	#B38FE8
33.3%	33.3% #AA80E3	RGB 170 128 227	#AA80E3
50.0%	50.0% #A172DE	RGB 161 114 222	#A172DE
66.7%	66.7% #9964D9	RGB 153 100 217	#9964D9
83.3%	83.3% #9257D4	RGB 146 87 212	#9257D4
100.0%	100.0% #8C4BCF	RGB 140 75 207	#8C4BCF

#BD9FEE #B38FE8 #AA80E3 #A172DE #9964D9 #9257D4 #8C4BCF

#BD9FEE - #A172DE - #8C4BCF

CSS codes

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

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