#9A8DBD - #532F70 | 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 #9A8DBD to #532F70

#9A8DBD #532F70

Calculate the color between two colors, #9A8DBD and #532F70. 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)

#9A8DBD - #532F70 | 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 #9A8DBD as 0% and #532F70 as 100%.

0.0%	0.0% #9A8DBD	RGB 154 141 189	#9A8DBD
16.7%	16.7% #8E7DB0	RGB 142 125 176	#8E7DB0
33.3%	33.3% #826DA3	RGB 130 109 163	#826DA3
50.0%	50.0% #765E96	RGB 118 94 150	#765E96
66.7%	66.7% #6A4E89	RGB 106 78 137	#6A4E89
83.3%	83.3% #5E3E7C	RGB 94 62 124	#5E3E7C
100.0%	100.0% #532F70	RGB 83 47 112	#532F70

#9A8DBD #8E7DB0 #826DA3 #765E96 #6A4E89 #5E3E7C #532F70

#9A8DBD - #532F70

HSV Blend

#9A8DBD - #532F70 | 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 #9A8DBD as 0% and #532F70 as 100%.

0.0%	0.0% #9A8DBD	RGB 154 141 189	#9A8DBD
16.7%	16.7% #8B79B0	RGB 139 121 176	#8B79B0
33.3%	33.3% #7D68A3	RGB 125 104 163	#7D68A3
50.0%	50.0% #715796	RGB 113 87 150	#715796
66.7%	66.7% #664889	RGB 102 72 137	#664889
83.3%	83.3% #5C3B7C	RGB 92 59 124	#5C3B7C
100.0%	100.0% #532F70	RGB 83 47 112	#532F70

#9A8DBD #8B79B0 #7D68A3 #715796 #664889 #5C3B7C #532F70

#9A8DBD - #715796 - #532F70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8DBD 0%, #715796 50%, #532F70 100%);
    background: -webkit-linear-gradient(top, #9A8DBD 0%, #715796 50%, #532F70 100%);
    background: linear-gradient(to bottom, #9A8DBD 0%, #715796 50%, #532F70 100%);
}
</style>