#B0B6AF - #5E7C59 | 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 #B0B6AF to #5E7C59

#B0B6AF #5E7C59

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

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

0.0%	0.0% #B0B6AF	RGB 176 182 175	#B0B6AF
16.7%	16.7% #A2ACA0	RGB 162 172 160	#A2ACA0
33.3%	33.3% #94A292	RGB 148 162 146	#94A292
50.0%	50.0% #879984	RGB 135 153 132	#879984
66.7%	66.7% #798F75	RGB 121 143 117	#798F75
83.3%	83.3% #6B8567	RGB 107 133 103	#6B8567
100.0%	100.0% #5E7C59	RGB 94 124 89	#5E7C59

#B0B6AF #A2ACA0 #94A292 #879984 #798F75 #6B8567 #5E7C59

#B0B6AF - #5E7C59

HSV Blend

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

0.0%	0.0% #B0B6AF	RGB 176 182 175	#B0B6AF
16.7%	16.7% #A0AC9E	RGB 160 172 158	#A0AC9E
33.3%	33.3% #91A28F	RGB 145 162 143	#91A28F
50.0%	50.0% #839980	RGB 131 153 128	#839980
66.7%	66.7% #768F72	RGB 118 143 114	#768F72
83.3%	83.3% #698565	RGB 105 133 101	#698565
100.0%	100.0% #5E7C59	RGB 94 124 89	#5E7C59

#B0B6AF #A0AC9E #91A28F #839980 #768F72 #698565 #5E7C59

#B0B6AF - #839980 - #5E7C59

CSS codes

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

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