#9FC3A1 - #2D372E | 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 #9FC3A1 to #2D372E

#9FC3A1 #2D372E

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

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

0.0%	0.0% #9FC3A1	RGB 159 195 161	#9FC3A1
16.7%	16.7% #8CAB8D	RGB 140 171 141	#8CAB8D
33.3%	33.3% #79947A	RGB 121 148 122	#79947A
50.0%	50.0% #667D67	RGB 102 125 103	#667D67
66.7%	66.7% #536554	RGB 83 101 84	#536554
83.3%	83.3% #404E41	RGB 64 78 65	#404E41
100.0%	100.0% #2D372E	RGB 45 55 46	#2D372E

#9FC3A1 #8CAB8D #79947A #667D67 #536554 #404E41 #2D372E

#9FC3A1 - #2D372E

HSV Blend

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

0.0%	0.0% #9FC3A1	RGB 159 195 161	#9FC3A1
16.7%	16.7% #8CAB8E	RGB 140 171 142	#8CAB8E
33.3%	33.3% #79947B	RGB 121 148 123	#79947B
50.0%	50.0% #667D67	RGB 102 125 103	#667D67
66.7%	66.7% #536554	RGB 83 101 84	#536554
83.3%	83.3% #404E41	RGB 64 78 65	#404E41
100.0%	100.0% #2D372E	RGB 45 55 46	#2D372E

#9FC3A1 #8CAB8E #79947B #667D67 #536554 #404E41 #2D372E

#9FC3A1 - #667D67 - #2D372E

CSS codes

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

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