#BDBEC2 - #6D649A | 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 #BDBEC2 to #6D649A

#BDBEC2 #6D649A

Calculate the color between two colors, #BDBEC2 and #6D649A. 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)

#BDBEC2 - #6D649A | 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 #BDBEC2 as 0% and #6D649A as 100%.

0.0%	0.0% #BDBEC2	RGB 189 190 194	#BDBEC2
16.7%	16.7% #AFAFBB	RGB 175 175 187	#AFAFBB
33.3%	33.3% #A2A0B4	RGB 162 160 180	#A2A0B4
50.0%	50.0% #9591AE	RGB 149 145 174	#9591AE
66.7%	66.7% #8782A7	RGB 135 130 167	#8782A7
83.3%	83.3% #7A73A0	RGB 122 115 160	#7A73A0
100.0%	100.0% #6D649A	RGB 109 100 154	#6D649A

#BDBEC2 #AFAFBB #A2A0B4 #9591AE #8782A7 #7A73A0 #6D649A

#BDBEC2 - #6D649A

HSV Blend

#BDBEC2 - #6D649A | 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 #BDBEC2 as 0% and #6D649A as 100%.

0.0%	0.0% #BDBEC2	RGB 189 190 194	#BDBEC2
16.7%	16.7% #ACAEBB	RGB 172 174 187	#ACAEBB
33.3%	33.3% #9C9EB4	RGB 156 158 180	#9C9EB4
50.0%	50.0% #8D8DAE	RGB 141 141 174	#8D8DAE
66.7%	66.7% #807EA7	RGB 128 126 167	#807EA7
83.3%	83.3% #7671A0	RGB 118 113 160	#7671A0
100.0%	100.0% #6D649A	RGB 109 100 154	#6D649A

#BDBEC2 #ACAEBB #9C9EB4 #8D8DAE #807EA7 #7671A0 #6D649A

#BDBEC2 - #8D8DAE - #6D649A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDBEC2 0%, #8D8DAE 50%, #6D649A 100%);
    background: -webkit-linear-gradient(top, #BDBEC2 0%, #8D8DAE 50%, #6D649A 100%);
    background: linear-gradient(to bottom, #BDBEC2 0%, #8D8DAE 50%, #6D649A 100%);
}
</style>