#B99CB1 - #FFBAB9 | 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 #B99CB1 to #FFBAB9

#B99CB1 #FFBAB9

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

#B99CB1 - #FFBAB9 | 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 #B99CB1 as 0% and #FFBAB9 as 100%.

0.0%	0.0% #B99CB1	RGB 185 156 177	#B99CB1
16.7%	16.7% #C4A1B2	RGB 196 161 178	#C4A1B2
33.3%	33.3% #D0A6B3	RGB 208 166 179	#D0A6B3
50.0%	50.0% #DCABB5	RGB 220 171 181	#DCABB5
66.7%	66.7% #E7B0B6	RGB 231 176 182	#E7B0B6
83.3%	83.3% #F3B5B7	RGB 243 181 183	#F3B5B7
100.0%	100.0% #FFBAB9	RGB 255 186 185	#FFBAB9

#B99CB1 #C4A1B2 #D0A6B3 #DCABB5 #E7B0B6 #F3B5B7 #FFBAB9

#B99CB1 - #FFBAB9

HSV Blend

#B99CB1 - #FFBAB9 | 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 #B99CB1 as 0% and #FFBAB9 as 100%.

0.0%	0.0% #B99CB1	RGB 185 156 177	#B99CB1
16.7%	16.7% #C4A1B6	RGB 196 161 182	#C4A1B6
33.3%	33.3% #D0A7BB	RGB 208 167 187	#D0A7BB
50.0%	50.0% #DCACBD	RGB 220 172 189	#DCACBD
66.7%	66.7% #E7B1BD	RGB 231 177 189	#E7B1BD
83.3%	83.3% #F3B5BC	RGB 243 181 188	#F3B5BC
100.0%	100.0% #FFBAB9	RGB 255 186 185	#FFBAB9

#B99CB1 #C4A1B6 #D0A7BB #DCACBD #E7B1BD #F3B5BC #FFBAB9

#B99CB1 - #DCACBD - #FFBAB9

CSS codes

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

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