#5E995F - #BFB5BE | 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 #5E995F to #BFB5BE

#5E995F #BFB5BE

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

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

0.0%	0.0% #5E995F	RGB 94 153 95	#5E995F
16.7%	16.7% #6E9D6E	RGB 110 157 110	#6E9D6E
33.3%	33.3% #7EA27E	RGB 126 162 126	#7EA27E
50.0%	50.0% #8EA78E	RGB 142 167 142	#8EA78E
66.7%	66.7% #9EAB9E	RGB 158 171 158	#9EAB9E
83.3%	83.3% #AEB0AE	RGB 174 176 174	#AEB0AE
100.0%	100.0% #BFB5BE	RGB 191 181 190	#BFB5BE

#5E995F #6E9D6E #7EA27E #8EA78E #9EAB9E #AEB0AE #BFB5BE

#5E995F - #BFB5BE

HSV Blend

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

0.0%	0.0% #5E995F	RGB 94 153 95	#5E995F
16.7%	16.7% #839F6A	RGB 131 159 106	#839F6A
33.3%	33.3% #A3A578	RGB 163 165 120	#A3A578
50.0%	50.0% #AC9B86	RGB 172 155 134	#AC9B86
66.7%	66.7% #B29795	RGB 178 151 149	#B29795
83.3%	83.3% #B8A4AC	RGB 184 164 172	#B8A4AC
100.0%	100.0% #BFB5BE	RGB 191 181 190	#BFB5BE

#5E995F #839F6A #A3A578 #AC9B86 #B29795 #B8A4AC #BFB5BE

#5E995F - #AC9B86 - #BFB5BE

CSS codes

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

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