#BFB8C7 - #83639F | 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 #BFB8C7 to #83639F

#BFB8C7 #83639F

Calculate the color between two colors, #BFB8C7 and #83639F. 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)

#BFB8C7 - #83639F | 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 #BFB8C7 as 0% and #83639F as 100%.

0.0%	0.0% #BFB8C7	RGB 191 184 199	#BFB8C7
16.7%	16.7% #B5A9C0	RGB 181 169 192	#B5A9C0
33.3%	33.3% #AB9BB9	RGB 171 155 185	#AB9BB9
50.0%	50.0% #A18DB3	RGB 161 141 179	#A18DB3
66.7%	66.7% #977FAC	RGB 151 127 172	#977FAC
83.3%	83.3% #8D71A5	RGB 141 113 165	#8D71A5
100.0%	100.0% #83639F	RGB 131 99 159	#83639F

#BFB8C7 #B5A9C0 #AB9BB9 #A18DB3 #977FAC #8D71A5 #83639F

#BFB8C7 - #83639F

HSV Blend

#BFB8C7 - #83639F | 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 #BFB8C7 as 0% and #83639F as 100%.

0.0%	0.0% #BFB8C7	RGB 191 184 199	#BFB8C7
16.7%	16.7% #B3A8C0	RGB 179 168 192	#B3A8C0
33.3%	33.3% #A898B9	RGB 168 152 185	#A898B9
50.0%	50.0% #9E8AB3	RGB 158 138 179	#9E8AB3
66.7%	66.7% #957CAC	RGB 149 124 172	#957CAC
83.3%	83.3% #8B6FA5	RGB 139 111 165	#8B6FA5
100.0%	100.0% #83639F	RGB 131 99 159	#83639F

#BFB8C7 #B3A8C0 #A898B9 #9E8AB3 #957CAC #8B6FA5 #83639F

#BFB8C7 - #9E8AB3 - #83639F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFB8C7 0%, #9E8AB3 50%, #83639F 100%);
    background: -webkit-linear-gradient(top, #BFB8C7 0%, #9E8AB3 50%, #83639F 100%);
    background: linear-gradient(to bottom, #BFB8C7 0%, #9E8AB3 50%, #83639F 100%);
}
</style>