#BF8DBA - #FEB0CF | 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 #BF8DBA to #FEB0CF

#BF8DBA #FEB0CF

Calculate the color between two colors, #BF8DBA and #FEB0CF. 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)

#BF8DBA - #FEB0CF | 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 #BF8DBA as 0% and #FEB0CF as 100%.

0.0%	0.0% #BF8DBA	RGB 191 141 186	#BF8DBA
16.7%	16.7% #C992BD	RGB 201 146 189	#C992BD
33.3%	33.3% #D498C1	RGB 212 152 193	#D498C1
50.0%	50.0% #DE9EC4	RGB 222 158 196	#DE9EC4
66.7%	66.7% #E9A4C8	RGB 233 164 200	#E9A4C8
83.3%	83.3% #F3AACB	RGB 243 170 203	#F3AACB
100.0%	100.0% #FEB0CF	RGB 254 176 207	#FEB0CF

#BF8DBA #C992BD #D498C1 #DE9EC4 #E9A4C8 #F3AACB #FEB0CF

#BF8DBA - #FEB0CF

HSV Blend

#BF8DBA - #FEB0CF | 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 #BF8DBA as 0% and #FEB0CF as 100%.

0.0%	0.0% #BF8DBA	RGB 191 141 186	#BF8DBA
16.7%	16.7% #C993BF	RGB 201 147 191	#C993BF
33.3%	33.3% #D499C4	RGB 212 153 196	#D499C4
50.0%	50.0% #DE9FC8	RGB 222 159 200	#DE9FC8
66.7%	66.7% #E9A4CB	RGB 233 164 203	#E9A4CB
83.3%	83.3% #F3AACD	RGB 243 170 205	#F3AACD
100.0%	100.0% #FEB0CF	RGB 254 176 207	#FEB0CF

#BF8DBA #C993BF #D499C4 #DE9FC8 #E9A4CB #F3AACD #FEB0CF

#BF8DBA - #DE9FC8 - #FEB0CF

CSS codes

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

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