#9F73B6 - #FFBFB9 | 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 #9F73B6 to #FFBFB9

#9F73B6 #FFBFB9

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

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

0.0%	0.0% #9F73B6	RGB 159 115 182	#9F73B6
16.7%	16.7% #AF7FB6	RGB 175 127 182	#AF7FB6
33.3%	33.3% #BF8CB7	RGB 191 140 183	#BF8CB7
50.0%	50.0% #CF99B7	RGB 207 153 183	#CF99B7
66.7%	66.7% #DFA5B8	RGB 223 165 184	#DFA5B8
83.3%	83.3% #EFB2B8	RGB 239 178 184	#EFB2B8
100.0%	100.0% #FFBFB9	RGB 255 191 185	#FFBFB9

#9F73B6 #AF7FB6 #BF8CB7 #CF99B7 #DFA5B8 #EFB2B8 #FFBFB9

#9F73B6 - #FFBFB9

HSV Blend

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

0.0%	0.0% #9F73B6	RGB 159 115 182	#9F73B6
16.7%	16.7% #BA7DC2	RGB 186 125 194	#BA7DC2
33.3%	33.3% #CE88C5	RGB 206 136 197	#CE88C5
50.0%	50.0% #DA94C0	RGB 218 148 192	#DA94C0
66.7%	66.7% #E6A0BB	RGB 230 160 187	#E6A0BB
83.3%	83.3% #F2ACB7	RGB 242 172 183	#F2ACB7
100.0%	100.0% #FFBFB9	RGB 255 191 185	#FFBFB9

#9F73B6 #BA7DC2 #CE88C5 #DA94C0 #E6A0BB #F2ACB7 #FFBFB9

#9F73B6 - #DA94C0 - #FFBFB9

CSS codes

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

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