#9F9F99 - #2D2D2B | 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 #9F9F99 to #2D2D2B

#9F9F99 #2D2D2B

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

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

0.0%	0.0% #9F9F99	RGB 159 159 153	#9F9F99
16.7%	16.7% #8C8C86	RGB 140 140 134	#8C8C86
33.3%	33.3% #797974	RGB 121 121 116	#797974
50.0%	50.0% #666662	RGB 102 102 98	#666662
66.7%	66.7% #53534F	RGB 83 83 79	#53534F
83.3%	83.3% #40403D	RGB 64 64 61	#40403D
100.0%	100.0% #2D2D2B	RGB 45 45 43	#2D2D2B

#9F9F99 #8C8C86 #797974 #666662 #53534F #40403D #2D2D2B

#9F9F99 - #2D2D2B

HSV Blend

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

0.0%	0.0% #9F9F99	RGB 159 159 153	#9F9F99
16.7%	16.7% #8C8C86	RGB 140 140 134	#8C8C86
33.3%	33.3% #797974	RGB 121 121 116	#797974
50.0%	50.0% #666661	RGB 102 102 97	#666661
66.7%	66.7% #53534F	RGB 83 83 79	#53534F
83.3%	83.3% #40403D	RGB 64 64 61	#40403D
100.0%	100.0% #2D2D2B	RGB 45 45 43	#2D2D2B

#9F9F99 #8C8C86 #797974 #666661 #53534F #40403D #2D2D2B

#9F9F99 - #666661 - #2D2D2B

CSS codes

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

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