#BBCF9F - #343B2D | 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 #BBCF9F to #343B2D

#BBCF9F #343B2D

Calculate the color between two colors, #BBCF9F and #343B2D. 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)

#BBCF9F - #343B2D | 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 #BBCF9F as 0% and #343B2D as 100%.

0.0%	0.0% #BBCF9F	RGB 187 207 159	#BBCF9F
16.7%	16.7% #A4B68C	RGB 164 182 140	#A4B68C
33.3%	33.3% #8E9D79	RGB 142 157 121	#8E9D79
50.0%	50.0% #778566	RGB 119 133 102	#778566
66.7%	66.7% #616C53	RGB 97 108 83	#616C53
83.3%	83.3% #4A5340	RGB 74 83 64	#4A5340
100.0%	100.0% #343B2D	RGB 52 59 45	#343B2D

#BBCF9F #A4B68C #8E9D79 #778566 #616C53 #4A5340 #343B2D

#BBCF9F - #343B2D

HSV Blend

#BBCF9F - #343B2D | 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 #BBCF9F as 0% and #343B2D as 100%.

0.0%	0.0% #BBCF9F	RGB 187 207 159	#BBCF9F
16.7%	16.7% #A4B68B	RGB 164 182 139	#A4B68B
33.3%	33.3% #8D9D78	RGB 141 157 120	#8D9D78
50.0%	50.0% #768565	RGB 118 133 101	#768565
66.7%	66.7% #606C52	RGB 96 108 82	#606C52
83.3%	83.3% #4A533F	RGB 74 83 63	#4A533F
100.0%	100.0% #343B2D	RGB 52 59 45	#343B2D

#BBCF9F #A4B68B #8D9D78 #768565 #606C52 #4A533F #343B2D

#BBCF9F - #768565 - #343B2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBCF9F 0%, #768565 50%, #343B2D 100%);
    background: -webkit-linear-gradient(top, #BBCF9F 0%, #768565 50%, #343B2D 100%);
    background: linear-gradient(to bottom, #BBCF9F 0%, #768565 50%, #343B2D 100%);
}
</style>