#B5B5B2 - #5A6B5B | 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 #B5B5B2 to #5A6B5B

#B5B5B2 #5A6B5B

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

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

0.0%	0.0% #B5B5B2	RGB 181 181 178	#B5B5B2
16.7%	16.7% #A5A8A3	RGB 165 168 163	#A5A8A3
33.3%	33.3% #969C95	RGB 150 156 149	#969C95
50.0%	50.0% #879086	RGB 135 144 134	#879086
66.7%	66.7% #788378	RGB 120 131 120	#788378
83.3%	83.3% #697769	RGB 105 119 105	#697769
100.0%	100.0% #5A6B5B	RGB 90 107 91	#5A6B5B

#B5B5B2 #A5A8A3 #969C95 #879086 #788378 #697769 #5A6B5B

#B5B5B2 - #5A6B5B

HSV Blend

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

0.0%	0.0% #B5B5B2	RGB 181 181 178	#B5B5B2
16.7%	16.7% #A7A8A1	RGB 167 168 161	#A7A8A1
33.3%	33.3% #989C92	RGB 152 156 146	#989C92
50.0%	50.0% #899083	RGB 137 144 131	#899083
66.7%	66.7% #798374	RGB 121 131 116	#798374
83.3%	83.3% #697767	RGB 105 119 103	#697767
100.0%	100.0% #5A6B5B	RGB 90 107 91	#5A6B5B

#B5B5B2 #A7A8A1 #989C92 #899083 #798374 #697767 #5A6B5B

#B5B5B2 - #899083 - #5A6B5B

CSS codes

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

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