#BFBBC5 - #7E5E7A | 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 #BFBBC5 to #7E5E7A

#BFBBC5 #7E5E7A

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

#BFBBC5 - #7E5E7A | 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 #BFBBC5 as 0% and #7E5E7A as 100%.

0.0%	0.0% #BFBBC5	RGB 191 187 197	#BFBBC5
16.7%	16.7% #B4ABB8	RGB 180 171 184	#B4ABB8
33.3%	33.3% #A99CAC	RGB 169 156 172	#A99CAC
50.0%	50.0% #9E8C9F	RGB 158 140 159	#9E8C9F
66.7%	66.7% #937D93	RGB 147 125 147	#937D93
83.3%	83.3% #886D86	RGB 136 109 134	#886D86
100.0%	100.0% #7E5E7A	RGB 126 94 122	#7E5E7A

#BFBBC5 #B4ABB8 #A99CAC #9E8C9F #937D93 #886D86 #7E5E7A

#BFBBC5 - #7E5E7A

HSV Blend

#BFBBC5 - #7E5E7A | 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 #BFBBC5 as 0% and #7E5E7A as 100%.

0.0%	0.0% #BFBBC5	RGB 191 187 197	#BFBBC5
16.7%	16.7% #B1A9B9	RGB 177 169 185	#B1A9B9
33.3%	33.3% #A598AD	RGB 165 152 173	#A598AD
50.0%	50.0% #9B88A1	RGB 155 136 161	#9B88A1
66.7%	66.7% #927995	RGB 146 121 149	#927995
83.3%	83.3% #896B89	RGB 137 107 137	#896B89
100.0%	100.0% #7E5E7A	RGB 126 94 122	#7E5E7A

#BFBBC5 #B1A9B9 #A598AD #9B88A1 #927995 #896B89 #7E5E7A

#BFBBC5 - #9B88A1 - #7E5E7A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFBBC5 0%, #9B88A1 50%, #7E5E7A 100%);
    background: -webkit-linear-gradient(top, #BFBBC5 0%, #9B88A1 50%, #7E5E7A 100%);
    background: linear-gradient(to bottom, #BFBBC5 0%, #9B88A1 50%, #7E5E7A 100%);
}
</style>