#B5B7C2 - #646A8D | 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 #B5B7C2 to #646A8D

#B5B7C2 #646A8D

Calculate the color between two colors, #B5B7C2 and #646A8D. 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)

#B5B7C2 - #646A8D | 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 #B5B7C2 as 0% and #646A8D as 100%.

0.0%	0.0% #B5B7C2	RGB 181 183 194	#B5B7C2
16.7%	16.7% #A7AAB9	RGB 167 170 185	#A7AAB9
33.3%	33.3% #9A9DB0	RGB 154 157 176	#9A9DB0
50.0%	50.0% #8C90A7	RGB 140 144 167	#8C90A7
66.7%	66.7% #7F839E	RGB 127 131 158	#7F839E
83.3%	83.3% #717695	RGB 113 118 149	#717695
100.0%	100.0% #646A8D	RGB 100 106 141	#646A8D

#B5B7C2 #A7AAB9 #9A9DB0 #8C90A7 #7F839E #717695 #646A8D

#B5B7C2 - #646A8D

HSV Blend

#B5B7C2 - #646A8D | 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 #B5B7C2 as 0% and #646A8D as 100%.

0.0%	0.0% #B5B7C2	RGB 181 183 194	#B5B7C2
16.7%	16.7% #A5A8B9	RGB 165 168 185	#A5A8B9
33.3%	33.3% #979BB0	RGB 151 155 176	#979BB0
50.0%	50.0% #898EA7	RGB 137 142 167	#898EA7
66.7%	66.7% #7C819E	RGB 124 129 158	#7C819E
83.3%	83.3% #6F7595	RGB 111 117 149	#6F7595
100.0%	100.0% #646A8D	RGB 100 106 141	#646A8D

#B5B7C2 #A5A8B9 #979BB0 #898EA7 #7C819E #6F7595 #646A8D

#B5B7C2 - #898EA7 - #646A8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B7C2 0%, #898EA7 50%, #646A8D 100%);
    background: -webkit-linear-gradient(top, #B5B7C2 0%, #898EA7 50%, #646A8D 100%);
    background: linear-gradient(to bottom, #B5B7C2 0%, #898EA7 50%, #646A8D 100%);
}
</style>