#9F8D9C - #67375D | 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 #9F8D9C to #67375D

#9F8D9C #67375D

Calculate the color between two colors, #9F8D9C and #67375D. 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)

#9F8D9C - #67375D | 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 #9F8D9C as 0% and #67375D as 100%.

0.0%	0.0% #9F8D9C	RGB 159 141 156	#9F8D9C
16.7%	16.7% #957E91	RGB 149 126 145	#957E91
33.3%	33.3% #8C7087	RGB 140 112 135	#8C7087
50.0%	50.0% #83627C	RGB 131 98 124	#83627C
66.7%	66.7% #795372	RGB 121 83 114	#795372
83.3%	83.3% #704567	RGB 112 69 103	#704567
100.0%	100.0% #67375D	RGB 103 55 93	#67375D

#9F8D9C #957E91 #8C7087 #83627C #795372 #704567 #67375D

#9F8D9C - #67375D

HSV Blend

#9F8D9C - #67375D | 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 #9F8D9C as 0% and #67375D as 100%.

0.0%	0.0% #9F8D9C	RGB 159 141 156	#9F8D9C
16.7%	16.7% #957B91	RGB 149 123 145	#957B91
33.3%	33.3% #8C6B86	RGB 140 107 134	#8C6B86
50.0%	50.0% #835D7B	RGB 131 93 123	#835D7B
66.7%	66.7% #794F71	RGB 121 79 113	#794F71
83.3%	83.3% #704267	RGB 112 66 103	#704267
100.0%	100.0% #67375D	RGB 103 55 93	#67375D

#9F8D9C #957B91 #8C6B86 #835D7B #794F71 #704267 #67375D

#9F8D9C - #835D7B - #67375D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F8D9C 0%, #835D7B 50%, #67375D 100%);
    background: -webkit-linear-gradient(top, #9F8D9C 0%, #835D7B 50%, #67375D 100%);
    background: linear-gradient(to bottom, #9F8D9C 0%, #835D7B 50%, #67375D 100%);
}
</style>