#9A8CAD - #2B2831 | 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 #9A8CAD to #2B2831

#9A8CAD #2B2831

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

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

0.0%	0.0% #9A8CAD	RGB 154 140 173	#9A8CAD
16.7%	16.7% #877B98	RGB 135 123 152	#877B98
33.3%	33.3% #756A83	RGB 117 106 131	#756A83
50.0%	50.0% #625A6F	RGB 98 90 111	#625A6F
66.7%	66.7% #50495A	RGB 80 73 90	#50495A
83.3%	83.3% #3D3845	RGB 61 56 69	#3D3845
100.0%	100.0% #2B2831	RGB 43 40 49	#2B2831

#9A8CAD #877B98 #756A83 #625A6F #50495A #3D3845 #2B2831

#9A8CAD - #2B2831

HSV Blend

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

0.0%	0.0% #9A8CAD	RGB 154 140 173	#9A8CAD
16.7%	16.7% #877B98	RGB 135 123 152	#877B98
33.3%	33.3% #746A83	RGB 116 106 131	#746A83
50.0%	50.0% #625A6F	RGB 98 90 111	#625A6F
66.7%	66.7% #4F495A	RGB 79 73 90	#4F495A
83.3%	83.3% #3D3845	RGB 61 56 69	#3D3845
100.0%	100.0% #2B2831	RGB 43 40 49	#2B2831

#9A8CAD #877B98 #746A83 #625A6F #4F495A #3D3845 #2B2831

#9A8CAD - #625A6F - #2B2831

CSS codes

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

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