#BF85B5 - #FEBFBE | 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 #BF85B5 to #FEBFBE

#BF85B5 #FEBFBE

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

#BF85B5 - #FEBFBE | 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 #BF85B5 as 0% and #FEBFBE as 100%.

0.0%	0.0% #BF85B5	RGB 191 133 181	#BF85B5
16.7%	16.7% #C98EB6	RGB 201 142 182	#C98EB6
33.3%	33.3% #D498B8	RGB 212 152 184	#D498B8
50.0%	50.0% #DEA2B9	RGB 222 162 185	#DEA2B9
66.7%	66.7% #E9ABBB	RGB 233 171 187	#E9ABBB
83.3%	83.3% #F3B5BC	RGB 243 181 188	#F3B5BC
100.0%	100.0% #FEBFBE	RGB 254 191 190	#FEBFBE

#BF85B5 #C98EB6 #D498B8 #DEA2B9 #E9ABBB #F3B5BC #FEBFBE

#BF85B5 - #FEBFBE

HSV Blend

#BF85B5 - #FEBFBE | 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 #BF85B5 as 0% and #FEBFBE as 100%.

0.0%	0.0% #BF85B5	RGB 191 133 181	#BF85B5
16.7%	16.7% #C98EB6	RGB 201 142 182	#C98EB6
33.3%	33.3% #D497B8	RGB 212 151 184	#D497B8
50.0%	50.0% #DEA0B9	RGB 222 160 185	#DEA0B9
66.7%	66.7% #E9AABA	RGB 233 170 186	#E9AABA
83.3%	83.3% #F3B4BB	RGB 243 180 187	#F3B4BB
100.0%	100.0% #FEBFBE	RGB 254 191 190	#FEBFBE

#BF85B5 #C98EB6 #D497B8 #DEA0B9 #E9AABA #F3B4BB #FEBFBE

#BF85B5 - #DEA0B9 - #FEBFBE

CSS codes

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

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