#9F9C92 - #2D2C29 | 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 #9F9C92 to #2D2C29

#9F9C92 #2D2C29

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

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

0.0%	0.0% #9F9C92	RGB 159 156 146	#9F9C92
16.7%	16.7% #8C8980	RGB 140 137 128	#8C8980
33.3%	33.3% #79766F	RGB 121 118 111	#79766F
50.0%	50.0% #66645D	RGB 102 100 93	#66645D
66.7%	66.7% #53514C	RGB 83 81 76	#53514C
83.3%	83.3% #403E3A	RGB 64 62 58	#403E3A
100.0%	100.0% #2D2C29	RGB 45 44 41	#2D2C29

#9F9C92 #8C8980 #79766F #66645D #53514C #403E3A #2D2C29

#9F9C92 - #2D2C29

HSV Blend

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

0.0%	0.0% #9F9C92	RGB 159 156 146	#9F9C92
16.7%	16.7% #8C8980	RGB 140 137 128	#8C8980
33.3%	33.3% #79766E	RGB 121 118 110	#79766E
50.0%	50.0% #66635D	RGB 102 99 93	#66635D
66.7%	66.7% #53514B	RGB 83 81 75	#53514B
83.3%	83.3% #403E3A	RGB 64 62 58	#403E3A
100.0%	100.0% #2D2C29	RGB 45 44 41	#2D2C29

#9F9C92 #8C8980 #79766E #66635D #53514B #403E3A #2D2C29

#9F9C92 - #66635D - #2D2C29

CSS codes

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

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