#9F98C7 - #5A377D | 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 #9F98C7 to #5A377D

#9F98C7 #5A377D

Calculate the color between two colors, #9F98C7 and #5A377D. 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)

#9F98C7 - #5A377D | 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 #9F98C7 as 0% and #5A377D as 100%.

0.0%	0.0% #9F98C7	RGB 159 152 199	#9F98C7
16.7%	16.7% #9387BA	RGB 147 135 186	#9387BA
33.3%	33.3% #8877AE	RGB 136 119 174	#8877AE
50.0%	50.0% #7C67A2	RGB 124 103 162	#7C67A2
66.7%	66.7% #715795	RGB 113 87 149	#715795
83.3%	83.3% #654789	RGB 101 71 137	#654789
100.0%	100.0% #5A377D	RGB 90 55 125	#5A377D

#9F98C7 #9387BA #8877AE #7C67A2 #715795 #654789 #5A377D

#9F98C7 - #5A377D

HSV Blend

#9F98C7 - #5A377D | 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 #9F98C7 as 0% and #5A377D as 100%.

0.0%	0.0% #9F98C7	RGB 159 152 199	#9F98C7
16.7%	16.7% #8F84BA	RGB 143 132 186	#8F84BA
33.3%	33.3% #8272AE	RGB 130 114 174	#8272AE
50.0%	50.0% #7661A2	RGB 118 97 162	#7661A2
66.7%	66.7% #6B5295	RGB 107 82 149	#6B5295
83.3%	83.3% #624389	RGB 98 67 137	#624389
100.0%	100.0% #5A377D	RGB 90 55 125	#5A377D

#9F98C7 #8F84BA #8272AE #7661A2 #6B5295 #624389 #5A377D

#9F98C7 - #7661A2 - #5A377D

CSS codes

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

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