#9F7ECD - #532F8C | 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 #9F7ECD to #532F8C

#9F7ECD #532F8C

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

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

0.0%	0.0% #9F7ECD	RGB 159 126 205	#9F7ECD
16.7%	16.7% #9270C2	RGB 146 112 194	#9270C2
33.3%	33.3% #8563B7	RGB 133 99 183	#8563B7
50.0%	50.0% #7956AC	RGB 121 86 172	#7956AC
66.7%	66.7% #6C49A1	RGB 108 73 161	#6C49A1
83.3%	83.3% #5F3C96	RGB 95 60 150	#5F3C96
100.0%	100.0% #532F8C	RGB 83 47 140	#532F8C

#9F7ECD #9270C2 #8563B7 #7956AC #6C49A1 #5F3C96 #532F8C

#9F7ECD - #532F8C

HSV Blend

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

0.0%	0.0% #9E7ECD	RGB 158 126 205	#9E7ECD
16.7%	16.7% #906EC2	RGB 144 110 194	#906EC2
33.3%	33.3% #835FB7	RGB 131 95 183	#835FB7
50.0%	50.0% #7651AC	RGB 118 81 172	#7651AC
66.7%	66.7% #6A45A1	RGB 106 69 161	#6A45A1
83.3%	83.3% #5E3996	RGB 94 57 150	#5E3996
100.0%	100.0% #532F8C	RGB 83 47 140	#532F8C

#9E7ECD #906EC2 #835FB7 #7651AC #6A45A1 #5E3996 #532F8C

#9F7ECD - #7651AC - #532F8C

CSS codes

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

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