#9F8DA3 - #4D3C55 | 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 #9F8DA3 to #4D3C55

#9F8DA3 #4D3C55

Calculate the color between two colors, #9F8DA3 and #4D3C55. 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)

#9F8DA3 - #4D3C55 | 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 #9F8DA3 as 0% and #4D3C55 as 100%.

0.0%	0.0% #9F8DA3	RGB 159 141 163	#9F8DA3
16.7%	16.7% #917F96	RGB 145 127 150	#917F96
33.3%	33.3% #837289	RGB 131 114 137	#837289
50.0%	50.0% #76647C	RGB 118 100 124	#76647C
66.7%	66.7% #68576F	RGB 104 87 111	#68576F
83.3%	83.3% #5A4962	RGB 90 73 98	#5A4962
100.0%	100.0% #4D3C55	RGB 77 60 85	#4D3C55

#9F8DA3 #917F96 #837289 #76647C #68576F #5A4962 #4D3C55

#9F8DA3 - #4D3C55

HSV Blend

#9F8DA3 - #4D3C55 | 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 #9F8DA3 as 0% and #4D3C55 as 100%.

0.0%	0.0% #9F8DA3	RGB 159 141 163	#9F8DA3
16.7%	16.7% #917D96	RGB 145 125 150	#917D96
33.3%	33.3% #836F89	RGB 131 111 137	#836F89
50.0%	50.0% #75617C	RGB 117 97 124	#75617C
66.7%	66.7% #67546F	RGB 103 84 111	#67546F
83.3%	83.3% #5A4762	RGB 90 71 98	#5A4762
100.0%	100.0% #4D3C55	RGB 77 60 85	#4D3C55

#9F8DA3 #917D96 #836F89 #75617C #67546F #5A4762 #4D3C55

#9F8DA3 - #75617C - #4D3C55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F8DA3 0%, #75617C 50%, #4D3C55 100%);
    background: -webkit-linear-gradient(top, #9F8DA3 0%, #75617C 50%, #4D3C55 100%);
    background: linear-gradient(to bottom, #9F8DA3 0%, #75617C 50%, #4D3C55 100%);
}
</style>