#9FCBAA - #2D3A30 | 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 #9FCBAA to #2D3A30

#9FCBAA #2D3A30

Calculate the color between two colors, #9FCBAA and #2D3A30. 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)

#9FCBAA - #2D3A30 | 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 #9FCBAA as 0% and #2D3A30 as 100%.

0.0%	0.0% #9FCBAA	RGB 159 203 170	#9FCBAA
16.7%	16.7% #8CB295	RGB 140 178 149	#8CB295
33.3%	33.3% #799A81	RGB 121 154 129	#799A81
50.0%	50.0% #66826D	RGB 102 130 109	#66826D
66.7%	66.7% #536A58	RGB 83 106 88	#536A58
83.3%	83.3% #405244	RGB 64 82 68	#405244
100.0%	100.0% #2D3A30	RGB 45 58 48	#2D3A30

#9FCBAA #8CB295 #799A81 #66826D #536A58 #405244 #2D3A30

#9FCBAA - #2D3A30

HSV Blend

#9FCBAA - #2D3A30 | 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 #9FCBAA as 0% and #2D3A30 as 100%.

0.0%	0.0% #9FCBAA	RGB 159 203 170	#9FCBAA
16.7%	16.7% #8BB295	RGB 139 178 149	#8BB295
33.3%	33.3% #789A81	RGB 120 154 129	#789A81
50.0%	50.0% #65826C	RGB 101 130 108	#65826C
66.7%	66.7% #526A58	RGB 82 106 88	#526A58
83.3%	83.3% #3F5244	RGB 63 82 68	#3F5244
100.0%	100.0% #2D3A30	RGB 45 58 48	#2D3A30

#9FCBAA #8BB295 #789A81 #65826C #526A58 #3F5244 #2D3A30

#9FCBAA - #65826C - #2D3A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FCBAA 0%, #65826C 50%, #2D3A30 100%);
    background: -webkit-linear-gradient(top, #9FCBAA 0%, #65826C 50%, #2D3A30 100%);
    background: linear-gradient(to bottom, #9FCBAA 0%, #65826C 50%, #2D3A30 100%);
}
</style>