#9FCBA0 - #2D3A2D | 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 #9FCBA0 to #2D3A2D

#9FCBA0 #2D3A2D

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

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

0.0%	0.0% #9FCBA0	RGB 159 203 160	#9FCBA0
16.7%	16.7% #8CB28C	RGB 140 178 140	#8CB28C
33.3%	33.3% #799A79	RGB 121 154 121	#799A79
50.0%	50.0% #668266	RGB 102 130 102	#668266
66.7%	66.7% #536A53	RGB 83 106 83	#536A53
83.3%	83.3% #405240	RGB 64 82 64	#405240
100.0%	100.0% #2D3A2D	RGB 45 58 45	#2D3A2D

#9FCBA0 #8CB28C #799A79 #668266 #536A53 #405240 #2D3A2D

#9FCBA0 - #2D3A2D

HSV Blend

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

0.0%	0.0% #9FCBA0	RGB 159 203 160	#9FCBA0
16.7%	16.7% #8BB28C	RGB 139 178 140	#8BB28C
33.3%	33.3% #789A79	RGB 120 154 121	#789A79
50.0%	50.0% #658266	RGB 101 130 102	#658266
66.7%	66.7% #526A52	RGB 82 106 82	#526A52
83.3%	83.3% #3F523F	RGB 63 82 63	#3F523F
100.0%	100.0% #2D3A2D	RGB 45 58 45	#2D3A2D

#9FCBA0 #8BB28C #789A79 #658266 #526A52 #3F523F #2D3A2D

#9FCBA0 - #658266 - #2D3A2D

CSS codes

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

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