#BF5E9D - #FABBBC | 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 #BF5E9D to #FABBBC

#BF5E9D #FABBBC

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

#BF5E9D - #FABBBC | 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 #BF5E9D as 0% and #FABBBC as 100%.

0.0%	0.0% #BF5E9D	RGB 191 94 157	#BF5E9D
16.7%	16.7% #C86DA2	RGB 200 109 162	#C86DA2
33.3%	33.3% #D27DA7	RGB 210 125 167	#D27DA7
50.0%	50.0% #DC8CAC	RGB 220 140 172	#DC8CAC
66.7%	66.7% #E69CB1	RGB 230 156 177	#E69CB1
83.3%	83.3% #F0ABB6	RGB 240 171 182	#F0ABB6
100.0%	100.0% #FABBBC	RGB 250 187 188	#FABBBC

#BF5E9D #C86DA2 #D27DA7 #DC8CAC #E69CB1 #F0ABB6 #FABBBC

#BF5E9D - #FABBBC

HSV Blend

#BF5E9D - #FABBBC | 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 #BF5E9D as 0% and #FABBBC as 100%.

0.0%	0.0% #BF5E9C	RGB 191 94 156	#BF5E9C
16.7%	16.7% #C86B9E	RGB 200 107 158	#C86B9E
33.3%	33.3% #D279A0	RGB 210 121 160	#D279A0
50.0%	50.0% #DC88A4	RGB 220 136 164	#DC88A4
66.7%	66.7% #E698AA	RGB 230 152 170	#E698AA
83.3%	83.3% #F0A9B1	RGB 240 169 177	#F0A9B1
100.0%	100.0% #FABBBC	RGB 250 187 188	#FABBBC

#BF5E9C #C86B9E #D279A0 #DC88A4 #E698AA #F0A9B1 #FABBBC

#BF5E9D - #DC88A4 - #FABBBC

CSS codes

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

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