#BDA8F7 - #7751E6 | 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 #BDA8F7 to #7751E6

#BDA8F7 #7751E6

Calculate the color between two colors, #BDA8F7 and #7751E6. 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)

#BDA8F7 - #7751E6 | 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 #BDA8F7 as 0% and #7751E6 as 100%.

0.0%	0.0% #BDA8F7	RGB 189 168 247	#BDA8F7
16.7%	16.7% #B199F4	RGB 177 153 244	#B199F4
33.3%	33.3% #A58BF1	RGB 165 139 241	#A58BF1
50.0%	50.0% #9A7CEE	RGB 154 124 238	#9A7CEE
66.7%	66.7% #8E6EEB	RGB 142 110 235	#8E6EEB
83.3%	83.3% #825FE8	RGB 130 95 232	#825FE8
100.0%	100.0% #7751E6	RGB 119 81 230	#7751E6

#BDA8F7 #B199F4 #A58BF1 #9A7CEE #8E6EEB #825FE8 #7751E6

#BDA8F7 - #7751E6

HSV Blend

#BDA8F7 - #7751E6 | 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 #BDA8F7 as 0% and #7751E6 as 100%.

0.0%	0.0% #BDA8F7	RGB 189 168 247	#BDA8F7
16.7%	16.7% #B098F4	RGB 176 152 244	#B098F4
33.3%	33.3% #A489F1	RGB 164 137 241	#A489F1
50.0%	50.0% #997BEE	RGB 153 123 238	#997BEE
66.7%	66.7% #8D6CEB	RGB 141 108 235	#8D6CEB
83.3%	83.3% #825EE8	RGB 130 94 232	#825EE8
100.0%	100.0% #7751E6	RGB 119 81 230	#7751E6

#BDA8F7 #B098F4 #A489F1 #997BEE #8D6CEB #825EE8 #7751E6

#BDA8F7 - #997BEE - #7751E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDA8F7 0%, #997BEE 50%, #7751E6 100%);
    background: -webkit-linear-gradient(top, #BDA8F7 0%, #997BEE 50%, #7751E6 100%);
    background: linear-gradient(to bottom, #BDA8F7 0%, #997BEE 50%, #7751E6 100%);
}
</style>