#9B5E99 - #FD7BF7 | 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 #9B5E99 to #FD7BF7

#9B5E99 #FD7BF7

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

#9B5E99 - #FD7BF7 | 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 #9B5E99 as 0% and #FD7BF7 as 100%.

0.0%	0.0% #9B5E99	RGB 155 94 153	#9B5E99
16.7%	16.7% #AB62A8	RGB 171 98 168	#AB62A8
33.3%	33.3% #BB67B8	RGB 187 103 184	#BB67B8
50.0%	50.0% #CC6CC8	RGB 204 108 200	#CC6CC8
66.7%	66.7% #DC71D7	RGB 220 113 215	#DC71D7
83.3%	83.3% #EC76E7	RGB 236 118 231	#EC76E7
100.0%	100.0% #FD7BF7	RGB 253 123 247	#FD7BF7

#9B5E99 #AB62A8 #BB67B8 #CC6CC8 #DC71D7 #EC76E7 #FD7BF7

#9B5E99 - #FD7BF7

HSV Blend

#9B5E99 - #FD7BF7 | 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 #9B5E99 as 0% and #FD7BF7 as 100%.

0.0%	0.0% #9B5E99	RGB 155 94 153	#9B5E99
16.7%	16.7% #AB64A8	RGB 171 100 168	#AB64A8
33.3%	33.3% #BB6AB8	RGB 187 106 184	#BB6AB8
50.0%	50.0% #CC6FC8	RGB 204 111 200	#CC6FC8
66.7%	66.7% #DC73D7	RGB 220 115 215	#DC73D7
83.3%	83.3% #EC77E7	RGB 236 119 231	#EC77E7
100.0%	100.0% #FD7BF7	RGB 253 123 247	#FD7BF7

#9B5E99 #AB64A8 #BB6AB8 #CC6FC8 #DC73D7 #EC77E7 #FD7BF7

#9B5E99 - #CC6FC8 - #FD7BF7

CSS codes

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

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