#9F7BA1 - #FDA6BB | 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 #9F7BA1 to #FDA6BB

#9F7BA1 #FDA6BB

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

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

0.0%	0.0% #9F7BA1	RGB 159 123 161	#9F7BA1
16.7%	16.7% #AE82A5	RGB 174 130 165	#AE82A5
33.3%	33.3% #BE89A9	RGB 190 137 169	#BE89A9
50.0%	50.0% #CE90AE	RGB 206 144 174	#CE90AE
66.7%	66.7% #DD97B2	RGB 221 151 178	#DD97B2
83.3%	83.3% #ED9EB6	RGB 237 158 182	#ED9EB6
100.0%	100.0% #FDA6BB	RGB 253 166 187	#FDA6BB

#9F7BA1 #AE82A5 #BE89A9 #CE90AE #DD97B2 #ED9EB6 #FDA6BB

#9F7BA1 - #FDA6BB

HSV Blend

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

0.0%	0.0% #9F7BA1	RGB 159 123 161	#9F7BA1
16.7%	16.7% #B083AC	RGB 176 131 172	#B083AC
33.3%	33.3% #BF8BB4	RGB 191 139 180	#BF8BB4
50.0%	50.0% #CF92B9	RGB 207 146 185	#CF92B9
66.7%	66.7% #DE99BC	RGB 222 153 188	#DE99BC
83.3%	83.3% #EDA0BD	RGB 237 160 189	#EDA0BD
100.0%	100.0% #FDA6BB	RGB 253 166 187	#FDA6BB

#9F7BA1 #B083AC #BF8BB4 #CF92B9 #DE99BC #EDA0BD #FDA6BB

#9F7BA1 - #CF92B9 - #FDA6BB

CSS codes

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

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