#9F74B5 - #FFBFB8 | 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 #9F74B5 to #FFBFB8

#9F74B5 #FFBFB8

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

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

0.0%	0.0% #9F74B5	RGB 159 116 181	#9F74B5
16.7%	16.7% #AF80B5	RGB 175 128 181	#AF80B5
33.3%	33.3% #BF8DB6	RGB 191 141 182	#BF8DB6
50.0%	50.0% #CF99B6	RGB 207 153 182	#CF99B6
66.7%	66.7% #DFA6B7	RGB 223 166 183	#DFA6B7
83.3%	83.3% #EFB2B7	RGB 239 178 183	#EFB2B7
100.0%	100.0% #FFBFB8	RGB 255 191 184	#FFBFB8

#9F74B5 #AF80B5 #BF8DB6 #CF99B6 #DFA6B7 #EFB2B7 #FFBFB8

#9F74B5 - #FFBFB8

HSV Blend

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

0.0%	0.0% #9F74B5	RGB 159 116 181	#9F74B5
16.7%	16.7% #BA7EC1	RGB 186 126 193	#BA7EC1
33.3%	33.3% #CD89C4	RGB 205 137 196	#CD89C4
50.0%	50.0% #DA94BF	RGB 218 148 191	#DA94BF
66.7%	66.7% #E6A0BA	RGB 230 160 186	#E6A0BA
83.3%	83.3% #F2ABB5	RGB 242 171 181	#F2ABB5
100.0%	100.0% #FFBFB8	RGB 255 191 184	#FFBFB8

#9F74B5 #BA7EC1 #CD89C4 #DA94BF #E6A0BA #F2ABB5 #FFBFB8

#9F74B5 - #DA94BF - #FFBFB8

CSS codes

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

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