#B96C9A - #FBC2B7 | 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 #B96C9A to #FBC2B7

#B96C9A #FBC2B7

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

#B96C9A - #FBC2B7 | 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 #B96C9A as 0% and #FBC2B7 as 100%.

0.0%	0.0% #B96C9A	RGB 185 108 154	#B96C9A
16.7%	16.7% #C47A9E	RGB 196 122 158	#C47A9E
33.3%	33.3% #CF88A3	RGB 207 136 163	#CF88A3
50.0%	50.0% #DA97A8	RGB 218 151 168	#DA97A8
66.7%	66.7% #E5A5AD	RGB 229 165 173	#E5A5AD
83.3%	83.3% #F0B3B2	RGB 240 179 178	#F0B3B2
100.0%	100.0% #FBC2B7	RGB 251 194 183	#FBC2B7

#B96C9A #C47A9E #CF88A3 #DA97A8 #E5A5AD #F0B3B2 #FBC2B7

#B96C9A - #FBC2B7

HSV Blend

#B96C9A - #FBC2B7 | 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 #B96C9A as 0% and #FBC2B7 as 100%.

0.0%	0.0% #B96C9A	RGB 185 108 154	#B96C9A
16.7%	16.7% #C4779B	RGB 196 119 155	#C4779B
33.3%	33.3% #CF829D	RGB 207 130 157	#CF829D
50.0%	50.0% #DA8F9F	RGB 218 143 159	#DA8F9F
66.7%	66.7% #E59BA2	RGB 229 155 162	#E59BA2
83.3%	83.3% #F0ABA9	RGB 240 171 169	#F0ABA9
100.0%	100.0% #FBC2B7	RGB 251 194 183	#FBC2B7

#B96C9A #C4779B #CF829D #DA8F9F #E59BA2 #F0ABA9 #FBC2B7

#B96C9A - #DA8F9F - #FBC2B7

CSS codes

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

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