#BFA5DF - #7250A8 | 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 #BFA5DF to #7250A8

#BFA5DF #7250A8

Calculate the color between two colors, #BFA5DF and #7250A8. 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)

#BFA5DF - #7250A8 | 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 #BFA5DF as 0% and #7250A8 as 100%.

0.0%	0.0% #BFA5DF	RGB 191 165 223	#BFA5DF
16.7%	16.7% #B296D5	RGB 178 150 213	#B296D5
33.3%	33.3% #A588CC	RGB 165 136 204	#A588CC
50.0%	50.0% #987AC3	RGB 152 122 195	#987AC3
66.7%	66.7% #8B6CBA	RGB 139 108 186	#8B6CBA
83.3%	83.3% #7E5EB1	RGB 126 94 177	#7E5EB1
100.0%	100.0% #7250A8	RGB 114 80 168	#7250A8

#BFA5DF #B296D5 #A588CC #987AC3 #8B6CBA #7E5EB1 #7250A8

#BFA5DF - #7250A8

HSV Blend

#BFA5DF - #7250A8 | 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 #BFA5DF as 0% and #7250A8 as 100%.

0.0%	0.0% #BEA5DF	RGB 190 165 223	#BEA5DF
16.7%	16.7% #B194D5	RGB 177 148 213	#B194D5
33.3%	33.3% #A385CC	RGB 163 133 204	#A385CC
50.0%	50.0% #9676C3	RGB 150 118 195	#9676C3
66.7%	66.7% #8A69BA	RGB 138 105 186	#8A69BA
83.3%	83.3% #7D5CB1	RGB 125 92 177	#7D5CB1
100.0%	100.0% #7250A8	RGB 114 80 168	#7250A8

#BEA5DF #B194D5 #A385CC #9676C3 #8A69BA #7D5CB1 #7250A8

#BFA5DF - #9676C3 - #7250A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEA5DF 0%, #9676C3 50%, #7250A8 100%);
    background: -webkit-linear-gradient(top, #BEA5DF 0%, #9676C3 50%, #7250A8 100%);
    background: linear-gradient(to bottom, #BEA5DF 0%, #9676C3 50%, #7250A8 100%);
}
</style>