#9F9DF3 - #572EB9 | 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 #9F9DF3 to #572EB9

#9F9DF3 #572EB9

Calculate the color between two colors, #9F9DF3 and #572EB9. 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)

#9F9DF3 - #572EB9 | 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 #9F9DF3 as 0% and #572EB9 as 100%.

0.0%	0.0% #9F9DF3	RGB 159 157 243	#9F9DF3
16.7%	16.7% #938AE9	RGB 147 138 233	#938AE9
33.3%	33.3% #8778DF	RGB 135 120 223	#8778DF
50.0%	50.0% #7B65D6	RGB 123 101 214	#7B65D6
66.7%	66.7% #6F53CC	RGB 111 83 204	#6F53CC
83.3%	83.3% #6340C2	RGB 99 64 194	#6340C2
100.0%	100.0% #572EB9	RGB 87 46 185	#572EB9

#9F9DF3 #938AE9 #8778DF #7B65D6 #6F53CC #6340C2 #572EB9

#9F9DF3 - #572EB9

HSV Blend

#9F9DF3 - #572EB9 | 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 #9F9DF3 as 0% and #572EB9 as 100%.

0.0%	0.0% #9F9DF3	RGB 159 157 243	#9F9DF3
16.7%	16.7% #8E87E9	RGB 142 135 233	#8E87E9
33.3%	33.3% #7F72DF	RGB 127 114 223	#7F72DF
50.0%	50.0% #725FD6	RGB 114 95 214	#725FD6
66.7%	66.7% #674DCC	RGB 103 77 204	#674DCC
83.3%	83.3% #5E3DC2	RGB 94 61 194	#5E3DC2
100.0%	100.0% #572EB9	RGB 87 46 185	#572EB9

#9F9DF3 #8E87E9 #7F72DF #725FD6 #674DCC #5E3DC2 #572EB9

#9F9DF3 - #725FD6 - #572EB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F9DF3 0%, #725FD6 50%, #572EB9 100%);
    background: -webkit-linear-gradient(top, #9F9DF3 0%, #725FD6 50%, #572EB9 100%);
    background: linear-gradient(to bottom, #9F9DF3 0%, #725FD6 50%, #572EB9 100%);
}
</style>