#9F7E8C - #2D2428 | 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 #9F7E8C to #2D2428

#9F7E8C #2D2428

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

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

0.0%	0.0% #9F7E8C	RGB 159 126 140	#9F7E8C
16.7%	16.7% #8C6F7B	RGB 140 111 123	#8C6F7B
33.3%	33.3% #79606A	RGB 121 96 106	#79606A
50.0%	50.0% #66515A	RGB 102 81 90	#66515A
66.7%	66.7% #534249	RGB 83 66 73	#534249
83.3%	83.3% #403338	RGB 64 51 56	#403338
100.0%	100.0% #2D2428	RGB 45 36 40	#2D2428

#9F7E8C #8C6F7B #79606A #66515A #534249 #403338 #2D2428

#9F7E8C - #2D2428

HSV Blend

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

0.0%	0.0% #9F7E8C	RGB 159 126 140	#9F7E8C
16.7%	16.7% #8C6F7B	RGB 140 111 123	#8C6F7B
33.3%	33.3% #79606A	RGB 121 96 106	#79606A
50.0%	50.0% #66515A	RGB 102 81 90	#66515A
66.7%	66.7% #534249	RGB 83 66 73	#534249
83.3%	83.3% #403338	RGB 64 51 56	#403338
100.0%	100.0% #2D2428	RGB 45 36 40	#2D2428

#9F7E8C #8C6F7B #79606A #66515A #534249 #403338 #2D2428

#9F7E8C - #66515A - #2D2428

CSS codes

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

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