#BFBECE - #7B6089 | 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 #BFBECE to #7B6089

#BFBECE #7B6089

Calculate the color between two colors, #BFBECE and #7B6089. 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)

#BFBECE - #7B6089 | 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 #BFBECE as 0% and #7B6089 as 100%.

0.0%	0.0% #BFBECE	RGB 191 190 206	#BFBECE
16.7%	16.7% #B3AEC2	RGB 179 174 194	#B3AEC2
33.3%	33.3% #A89EB7	RGB 168 158 183	#A89EB7
50.0%	50.0% #9D8FAB	RGB 157 143 171	#9D8FAB
66.7%	66.7% #917FA0	RGB 145 127 160	#917FA0
83.3%	83.3% #866F94	RGB 134 111 148	#866F94
100.0%	100.0% #7B6089	RGB 123 96 137	#7B6089

#BFBECE #B3AEC2 #A89EB7 #9D8FAB #917FA0 #866F94 #7B6089

#BFBECE - #7B6089

HSV Blend

#BFBECE - #7B6089 | 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 #BFBECE as 0% and #7B6089 as 100%.

0.0%	0.0% #BFBECE	RGB 191 190 206	#BFBECE
16.7%	16.7% #AFACC2	RGB 175 172 194	#AFACC2
33.3%	33.3% #A29BB7	RGB 162 155 183	#A29BB7
50.0%	50.0% #968BAB	RGB 150 139 171	#968BAB
66.7%	66.7% #8C7BA0	RGB 140 123 160	#8C7BA0
83.3%	83.3% #836D94	RGB 131 109 148	#836D94
100.0%	100.0% #7B6089	RGB 123 96 137	#7B6089

#BFBECE #AFACC2 #A29BB7 #968BAB #8C7BA0 #836D94 #7B6089

#BFBECE - #968BAB - #7B6089

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFBECE 0%, #968BAB 50%, #7B6089 100%);
    background: -webkit-linear-gradient(top, #BFBECE 0%, #968BAB 50%, #7B6089 100%);
    background: linear-gradient(to bottom, #BFBECE 0%, #968BAB 50%, #7B6089 100%);
}
</style>