#9A8CAD - #5C3E75 | 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 #5C3E75

#9A8CAD #5C3E75

Calculate the color between two colors, #9A8CAD and #5C3E75. 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 - #5C3E75 | 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 #5C3E75 as 100%.

0.0%	0.0% #9A8CAD	RGB 154 140 173	#9A8CAD
16.7%	16.7% #8F7FA3	RGB 143 127 163	#8F7FA3
33.3%	33.3% #85729A	RGB 133 114 154	#85729A
50.0%	50.0% #7B6591	RGB 123 101 145	#7B6591
66.7%	66.7% #705887	RGB 112 88 135	#705887
83.3%	83.3% #664B7E	RGB 102 75 126	#664B7E
100.0%	100.0% #5C3E75	RGB 92 62 117	#5C3E75

#9A8CAD #8F7FA3 #85729A #7B6591 #705887 #664B7E #5C3E75

#9A8CAD - #5C3E75

HSV Blend

#9A8CAD - #5C3E75 | 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 #5C3E75 as 100%.

0.0%	0.0% #9A8CAD	RGB 154 140 173	#9A8CAD
16.7%	16.7% #8E7CA3	RGB 142 124 163	#8E7CA3
33.3%	33.3% #826E9A	RGB 130 110 154	#826E9A
50.0%	50.0% #786191	RGB 120 97 145	#786191
66.7%	66.7% #6E5487	RGB 110 84 135	#6E5487
83.3%	83.3% #64487E	RGB 100 72 126	#64487E
100.0%	100.0% #5C3E75	RGB 92 62 117	#5C3E75

#9A8CAD #8E7CA3 #826E9A #786191 #6E5487 #64487E #5C3E75

#9A8CAD - #786191 - #5C3E75

CSS codes

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

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