#B2B5B2 - #5E885C | 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 #B2B5B2 to #5E885C

#B2B5B2 #5E885C

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

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

0.0%	0.0% #B2B5B2	RGB 178 181 178	#B2B5B2
16.7%	16.7% #A4ADA3	RGB 164 173 163	#A4ADA3
33.3%	33.3% #96A695	RGB 150 166 149	#96A695
50.0%	50.0% #889E87	RGB 136 158 135	#889E87
66.7%	66.7% #7A9778	RGB 122 151 120	#7A9778
83.3%	83.3% #6C8F6A	RGB 108 143 106	#6C8F6A
100.0%	100.0% #5E885C	RGB 94 136 92	#5E885C

#B2B5B2 #A4ADA3 #96A695 #889E87 #7A9778 #6C8F6A #5E885C

#B2B5B2 - #5E885C

HSV Blend

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

0.0%	0.0% #B2B5B2	RGB 178 181 178	#B2B5B2
16.7%	16.7% #A1ADA1	RGB 161 173 161	#A1ADA1
33.3%	33.3% #92A692	RGB 146 166 146	#92A692
50.0%	50.0% #849E83	RGB 132 158 131	#849E83
66.7%	66.7% #769775	RGB 118 151 117	#769775
83.3%	83.3% #698F68	RGB 105 143 104	#698F68
100.0%	100.0% #5E885C	RGB 94 136 92	#5E885C

#B2B5B2 #A1ADA1 #92A692 #849E83 #769775 #698F68 #5E885C

#B2B5B2 - #849E83 - #5E885C

CSS codes

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

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