#9A8C99 - #6D356C | 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 #9A8C99 to #6D356C

#9A8C99 #6D356C

Calculate the color between two colors, #9A8C99 and #6D356C. 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)

#9A8C99 - #6D356C | 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 #9A8C99 as 0% and #6D356C as 100%.

0.0%	0.0% #9A8C99	RGB 154 140 153	#9A8C99
16.7%	16.7% #927D91	RGB 146 125 145	#927D91
33.3%	33.3% #8B6F8A	RGB 139 111 138	#8B6F8A
50.0%	50.0% #836082	RGB 131 96 130	#836082
66.7%	66.7% #7C527B	RGB 124 82 123	#7C527B
83.3%	83.3% #744373	RGB 116 67 115	#744373
100.0%	100.0% #6D356C	RGB 109 53 108	#6D356C

#9A8C99 #927D91 #8B6F8A #836082 #7C527B #744373 #6D356C

#9A8C99 - #6D356C

HSV Blend

#9A8C99 - #6D356C | 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 #9A8C99 as 0% and #6D356C as 100%.

0.0%	0.0% #9A8C99	RGB 154 140 153	#9A8C99
16.7%	16.7% #927A91	RGB 146 122 145	#927A91
33.3%	33.3% #8B6A89	RGB 139 106 137	#8B6A89
50.0%	50.0% #835B81	RGB 131 91 129	#835B81
66.7%	66.7% #7C4D7A	RGB 124 77 122	#7C4D7A
83.3%	83.3% #744073	RGB 116 64 115	#744073
100.0%	100.0% #6D356C	RGB 109 53 108	#6D356C

#9A8C99 #927A91 #8B6A89 #835B81 #7C4D7A #744073 #6D356C

#9A8C99 - #835B81 - #6D356C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8C99 0%, #835B81 50%, #6D356C 100%);
    background: -webkit-linear-gradient(top, #9A8C99 0%, #835B81 50%, #6D356C 100%);
    background: linear-gradient(to bottom, #9A8C99 0%, #835B81 50%, #6D356C 100%);
}
</style>