#B7BFB9 - #5E7C80 | 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 #B7BFB9 to #5E7C80

#B7BFB9 #5E7C80

Calculate the color between two colors, #B7BFB9 and #5E7C80. 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)

#B7BFB9 - #5E7C80 | 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 #B7BFB9 as 0% and #5E7C80 as 100%.

0.0%	0.0% #B7BFB9	RGB 183 191 185	#B7BFB9
16.7%	16.7% #A8B3AF	RGB 168 179 175	#A8B3AF
33.3%	33.3% #99A8A6	RGB 153 168 166	#99A8A6
50.0%	50.0% #8A9D9C	RGB 138 157 156	#8A9D9C
66.7%	66.7% #7B9293	RGB 123 146 147	#7B9293
83.3%	83.3% #6C8789	RGB 108 135 137	#6C8789
100.0%	100.0% #5E7C80	RGB 94 124 128	#5E7C80

#B7BFB9 #A8B3AF #99A8A6 #8A9D9C #7B9293 #6C8789 #5E7C80

#B7BFB9 - #5E7C80

HSV Blend

#B7BFB9 - #5E7C80 | 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 #B7BFB9 as 0% and #5E7C80 as 100%.

0.0%	0.0% #B7BFB9	RGB 183 191 185	#B7BFB9
16.7%	16.7% #A6B4AB	RGB 166 180 171	#A6B4AB
33.3%	33.3% #96AAA0	RGB 150 170 160	#96AAA0
50.0%	50.0% #869F97	RGB 134 159 151	#869F97
66.7%	66.7% #789590	RGB 120 149 144	#789590
83.3%	83.3% #6A8A89	RGB 106 138 137	#6A8A89
100.0%	100.0% #5E7C80	RGB 94 124 128	#5E7C80

#B7BFB9 #A6B4AB #96AAA0 #869F97 #789590 #6A8A89 #5E7C80

#B7BFB9 - #869F97 - #5E7C80

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7BFB9 0%, #869F97 50%, #5E7C80 100%);
    background: -webkit-linear-gradient(top, #B7BFB9 0%, #869F97 50%, #5E7C80 100%);
    background: linear-gradient(to bottom, #B7BFB9 0%, #869F97 50%, #5E7C80 100%);
}
</style>