#8C8CAC - #324561 | 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 #8C8CAC to #324561

#8C8CAC #324561

Calculate the color between two colors, #8C8CAC and #324561. 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)

#8C8CAC - #324561 | 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 #8C8CAC as 0% and #324561 as 100%.

0.0%	0.0% #8C8CAC	RGB 140 140 172	#8C8CAC
16.7%	16.7% #7D809F	RGB 125 128 159	#7D809F
33.3%	33.3% #6E7493	RGB 110 116 147	#6E7493
50.0%	50.0% #5F6886	RGB 95 104 134	#5F6886
66.7%	66.7% #505C7A	RGB 80 92 122	#505C7A
83.3%	83.3% #41506D	RGB 65 80 109	#41506D
100.0%	100.0% #324561	RGB 50 69 97	#324561

#8C8CAC #7D809F #6E7493 #5F6886 #505C7A #41506D #324561

#8C8CAC - #324561

HSV Blend

#8C8CAC - #324561 | 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 #8C8CAC as 0% and #324561 as 100%.

0.0%	0.0% #8C8CAC	RGB 140 140 172	#8C8CAC
16.7%	16.7% #797C9F	RGB 121 124 159	#797C9F
33.3%	33.3% #696E93	RGB 105 110 147	#696E93
50.0%	50.0% #596286	RGB 89 98 134	#596286
66.7%	66.7% #4B577A	RGB 75 87 122	#4B577A
83.3%	83.3% #3D4D6D	RGB 61 77 109	#3D4D6D
100.0%	100.0% #324561	RGB 50 69 97	#324561

#8C8CAC #797C9F #696E93 #596286 #4B577A #3D4D6D #324561

#8C8CAC - #596286 - #324561

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8CAC 0%, #596286 50%, #324561 100%);
    background: -webkit-linear-gradient(top, #8C8CAC 0%, #596286 50%, #324561 100%);
    background: linear-gradient(to bottom, #8C8CAC 0%, #596286 50%, #324561 100%);
}
</style>