#BF85AD - #FFBAB5 | 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 #BF85AD to #FFBAB5

#BF85AD #FFBAB5

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

#BF85AD - #FFBAB5 | 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 #BF85AD as 0% and #FFBAB5 as 100%.

0.0%	0.0% #BF85AD	RGB 191 133 173	#BF85AD
16.7%	16.7% #C98DAE	RGB 201 141 174	#C98DAE
33.3%	33.3% #D496AF	RGB 212 150 175	#D496AF
50.0%	50.0% #DF9FB1	RGB 223 159 177	#DF9FB1
66.7%	66.7% #E9A8B2	RGB 233 168 178	#E9A8B2
83.3%	83.3% #F4B1B3	RGB 244 177 179	#F4B1B3
100.0%	100.0% #FFBAB5	RGB 255 186 181	#FFBAB5

#BF85AD #C98DAE #D496AF #DF9FB1 #E9A8B2 #F4B1B3 #FFBAB5

#BF85AD - #FFBAB5

HSV Blend

#BF85AD - #FFBAB5 | 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 #BF85AD as 0% and #FFBAB5 as 100%.

0.0%	0.0% #BF85AD	RGB 191 133 173	#BF85AD
16.7%	16.7% #C98CAF	RGB 201 140 175	#C98CAF
33.3%	33.3% #D494B0	RGB 212 148 176	#D494B0
50.0%	50.0% #DF9CB1	RGB 223 156 177	#DF9CB1
66.7%	66.7% #E9A4B1	RGB 233 164 177	#E9A4B1
83.3%	83.3% #F4ACB1	RGB 244 172 177	#F4ACB1
100.0%	100.0% #FFBAB5	RGB 255 186 181	#FFBAB5

#BF85AD #C98CAF #D494B0 #DF9CB1 #E9A4B1 #F4ACB1 #FFBAB5

#BF85AD - #DF9CB1 - #FFBAB5

CSS codes

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

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