#9F8CAC - #51365E | 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 #9F8CAC to #51365E

#9F8CAC #51365E

Calculate the color between two colors, #9F8CAC and #51365E. 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)

#9F8CAC - #51365E | 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 #9F8CAC as 0% and #51365E as 100%.

0.0%	0.0% #9F8CAC	RGB 159 140 172	#9F8CAC
16.7%	16.7% #927D9F	RGB 146 125 159	#927D9F
33.3%	33.3% #856F92	RGB 133 111 146	#856F92
50.0%	50.0% #786185	RGB 120 97 133	#786185
66.7%	66.7% #6B5278	RGB 107 82 120	#6B5278
83.3%	83.3% #5E446B	RGB 94 68 107	#5E446B
100.0%	100.0% #51365E	RGB 81 54 94	#51365E

#9F8CAC #927D9F #856F92 #786185 #6B5278 #5E446B #51365E

#9F8CAC - #51365E

HSV Blend

#9F8CAC - #51365E | 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 #9F8CAC as 0% and #51365E as 100%.

0.0%	0.0% #9F8CAC	RGB 159 140 172	#9F8CAC
16.7%	16.7% #907B9F	RGB 144 123 159	#907B9F
33.3%	33.3% #836B92	RGB 131 107 146	#836B92
50.0%	50.0% #765C85	RGB 118 92 133	#765C85
66.7%	66.7% #694E78	RGB 105 78 120	#694E78
83.3%	83.3% #5D416B	RGB 93 65 107	#5D416B
100.0%	100.0% #51365E	RGB 81 54 94	#51365E

#9F8CAC #907B9F #836B92 #765C85 #694E78 #5D416B #51365E

#9F8CAC - #765C85 - #51365E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F8CAC 0%, #765C85 50%, #51365E 100%);
    background: -webkit-linear-gradient(top, #9F8CAC 0%, #765C85 50%, #51365E 100%);
    background: linear-gradient(to bottom, #9F8CAC 0%, #765C85 50%, #51365E 100%);
}
</style>