#9A6BAD - #FB9FD6 | 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 #9A6BAD to #FB9FD6

#9A6BAD #FB9FD6

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

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

0.0%	0.0% #9A6BAD	RGB 154 107 173	#9A6BAD
16.7%	16.7% #AA73B3	RGB 170 115 179	#AA73B3
33.3%	33.3% #BA7CBA	RGB 186 124 186	#BA7CBA
50.0%	50.0% #CA85C1	RGB 202 133 193	#CA85C1
66.7%	66.7% #DA8DC8	RGB 218 141 200	#DA8DC8
83.3%	83.3% #EA96CF	RGB 234 150 207	#EA96CF
100.0%	100.0% #FB9FD6	RGB 251 159 214	#FB9FD6

#9A6BAD #AA73B3 #BA7CBA #CA85C1 #DA8DC8 #EA96CF #FB9FD6

#9A6BAD - #FB9FD6

HSV Blend

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

0.0%	0.0% #9A6BAD	RGB 154 107 173	#9A6BAD
16.7%	16.7% #AD73BA	RGB 173 115 186	#AD73BA
33.3%	33.3% #C27CC7	RGB 194 124 199	#C27CC7
50.0%	50.0% #D484CF	RGB 212 132 207	#D484CF
66.7%	66.7% #E18DD2	RGB 225 141 210	#E18DD2
83.3%	83.3% #EE96D4	RGB 238 150 212	#EE96D4
100.0%	100.0% #FB9FD6	RGB 251 159 214	#FB9FD6

#9A6BAD #AD73BA #C27CC7 #D484CF #E18DD2 #EE96D4 #FB9FD6

#9A6BAD - #D484CF - #FB9FD6

CSS codes

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

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