#B2B0C7 - #675BAE | 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 #B2B0C7 to #675BAE

#B2B0C7 #675BAE

Calculate the color between two colors, #B2B0C7 and #675BAE. 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)

#B2B0C7 - #675BAE | 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 #B2B0C7 as 0% and #675BAE as 100%.

0.0%	0.0% #B2B0C7	RGB 178 176 199	#B2B0C7
16.7%	16.7% #A5A1C2	RGB 165 161 194	#A5A1C2
33.3%	33.3% #9993BE	RGB 153 147 190	#9993BE
50.0%	50.0% #8C85BA	RGB 140 133 186	#8C85BA
66.7%	66.7% #8077B6	RGB 128 119 182	#8077B6
83.3%	83.3% #7369B2	RGB 115 105 178	#7369B2
100.0%	100.0% #675BAE	RGB 103 91 174	#675BAE

#B2B0C7 #A5A1C2 #9993BE #8C85BA #8077B6 #7369B2 #675BAE

#B2B0C7 - #675BAE

HSV Blend

#B2B0C7 - #675BAE | 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 #B2B0C7 as 0% and #675BAE as 100%.

0.0%	0.0% #B2B0C7	RGB 178 176 199	#B2B0C7
16.7%	16.7% #A3A0C2	RGB 163 160 194	#A3A0C2
33.3%	33.3% #9691BE	RGB 150 145 190	#9691BE
50.0%	50.0% #8983BA	RGB 137 131 186	#8983BA
66.7%	66.7% #7D75B6	RGB 125 117 182	#7D75B6
83.3%	83.3% #7167B2	RGB 113 103 178	#7167B2
100.0%	100.0% #675BAE	RGB 103 91 174	#675BAE

#B2B0C7 #A3A0C2 #9691BE #8983BA #7D75B6 #7167B2 #675BAE

#B2B0C7 - #8983BA - #675BAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B0C7 0%, #8983BA 50%, #675BAE 100%);
    background: -webkit-linear-gradient(top, #B2B0C7 0%, #8983BA 50%, #675BAE 100%);
    background: linear-gradient(to bottom, #B2B0C7 0%, #8983BA 50%, #675BAE 100%);
}
</style>