#BFA3C8 - #934DAB | 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 #BFA3C8 to #934DAB

#BFA3C8 #934DAB

Calculate the color between two colors, #BFA3C8 and #934DAB. 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)

#BFA3C8 - #934DAB | 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 #BFA3C8 as 0% and #934DAB as 100%.

0.0%	0.0% #BFA3C8	RGB 191 163 200	#BFA3C8
16.7%	16.7% #B794C3	RGB 183 148 195	#B794C3
33.3%	33.3% #B086BE	RGB 176 134 190	#B086BE
50.0%	50.0% #A978B9	RGB 169 120 185	#A978B9
66.7%	66.7% #A169B4	RGB 161 105 180	#A169B4
83.3%	83.3% #9A5BAF	RGB 154 91 175	#9A5BAF
100.0%	100.0% #934DAB	RGB 147 77 171	#934DAB

#BFA3C8 #B794C3 #B086BE #A978B9 #A169B4 #9A5BAF #934DAB

#BFA3C8 - #934DAB

HSV Blend

#BFA3C8 - #934DAB | 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 #BFA3C8 as 0% and #934DAB as 100%.

0.0%	0.0% #BFA3C8	RGB 191 163 200	#BFA3C8
16.7%	16.7% #B793C3	RGB 183 147 195	#B793C3
33.3%	33.3% #AF83BE	RGB 175 131 190	#AF83BE
50.0%	50.0% #A875B9	RGB 168 117 185	#A875B9
66.7%	66.7% #A167B4	RGB 161 103 180	#A167B4
83.3%	83.3% #9A59AF	RGB 154 89 175	#9A59AF
100.0%	100.0% #934DAB	RGB 147 77 171	#934DAB

#BFA3C8 #B793C3 #AF83BE #A875B9 #A167B4 #9A59AF #934DAB

#BFA3C8 - #A875B9 - #934DAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFA3C8 0%, #A875B9 50%, #934DAB 100%);
    background: -webkit-linear-gradient(top, #BFA3C8 0%, #A875B9 50%, #934DAB 100%);
    background: linear-gradient(to bottom, #BFA3C8 0%, #A875B9 50%, #934DAB 100%);
}
</style>