#B0CC9F - #323A2D | 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 #B0CC9F to #323A2D

#B0CC9F #323A2D

Calculate the color between two colors, #B0CC9F and #323A2D. 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)

#B0CC9F - #323A2D | 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 #B0CC9F as 0% and #323A2D as 100%.

0.0%	0.0% #B0CC9F	RGB 176 204 159	#B0CC9F
16.7%	16.7% #9BB38C	RGB 155 179 140	#9BB38C
33.3%	33.3% #869B79	RGB 134 155 121	#869B79
50.0%	50.0% #718366	RGB 113 131 102	#718366
66.7%	66.7% #5C6A53	RGB 92 106 83	#5C6A53
83.3%	83.3% #475240	RGB 71 82 64	#475240
100.0%	100.0% #323A2D	RGB 50 58 45	#323A2D

#B0CC9F #9BB38C #869B79 #718366 #5C6A53 #475240 #323A2D

#B0CC9F - #323A2D

HSV Blend

#B0CC9F - #323A2D | 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 #B0CC9F as 0% and #323A2D as 100%.

0.0%	0.0% #B0CC9F	RGB 176 204 159	#B0CC9F
16.7%	16.7% #9AB38B	RGB 154 179 139	#9AB38B
33.3%	33.3% #859B78	RGB 133 155 120	#859B78
50.0%	50.0% #708365	RGB 112 131 101	#708365
66.7%	66.7% #5B6A52	RGB 91 106 82	#5B6A52
83.3%	83.3% #46523F	RGB 70 82 63	#46523F
100.0%	100.0% #323A2D	RGB 50 58 45	#323A2D

#B0CC9F #9AB38B #859B78 #708365 #5B6A52 #46523F #323A2D

#B0CC9F - #708365 - #323A2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0CC9F 0%, #708365 50%, #323A2D 100%);
    background: -webkit-linear-gradient(top, #B0CC9F 0%, #708365 50%, #323A2D 100%);
    background: linear-gradient(to bottom, #B0CC9F 0%, #708365 50%, #323A2D 100%);
}
</style>