#B1BAB0 - #5E7663 | 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 #B1BAB0 to #5E7663

#B1BAB0 #5E7663

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

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

0.0%	0.0% #B1BAB0	RGB 177 186 176	#B1BAB0
16.7%	16.7% #A3AEA3	RGB 163 174 163	#A3AEA3
33.3%	33.3% #95A396	RGB 149 163 150	#95A396
50.0%	50.0% #879889	RGB 135 152 137	#879889
66.7%	66.7% #798C7C	RGB 121 140 124	#798C7C
83.3%	83.3% #6B816F	RGB 107 129 111	#6B816F
100.0%	100.0% #5E7663	RGB 94 118 99	#5E7663

#B1BAB0 #A3AEA3 #95A396 #879889 #798C7C #6B816F #5E7663

#B1BAB0 - #5E7663

HSV Blend

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

0.0%	0.0% #B1BAB0	RGB 177 186 176	#B1BAB0
16.7%	16.7% #A1AEA0	RGB 161 174 160	#A1AEA0
33.3%	33.3% #92A392	RGB 146 163 146	#92A392
50.0%	50.0% #849885	RGB 132 152 133	#849885
66.7%	66.7% #778C79	RGB 119 140 121	#778C79
83.3%	83.3% #6A816D	RGB 106 129 109	#6A816D
100.0%	100.0% #5E7663	RGB 94 118 99	#5E7663

#B1BAB0 #A1AEA0 #92A392 #849885 #778C79 #6A816D #5E7663

#B1BAB0 - #849885 - #5E7663

CSS codes

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

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