#BF859C - #FFD1B5 | 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 #BF859C to #FFD1B5

#BF859C #FFD1B5

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

#BF859C - #FFD1B5 | 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 #BF859C as 0% and #FFD1B5 as 100%.

0.0%	0.0% #BF859C	RGB 191 133 156	#BF859C
16.7%	16.7% #C991A0	RGB 201 145 160	#C991A0
33.3%	33.3% #D49EA4	RGB 212 158 164	#D49EA4
50.0%	50.0% #DFABA8	RGB 223 171 168	#DFABA8
66.7%	66.7% #E9B7AC	RGB 233 183 172	#E9B7AC
83.3%	83.3% #F4C4B0	RGB 244 196 176	#F4C4B0
100.0%	100.0% #FFD1B5	RGB 255 209 181	#FFD1B5

#BF859C #C991A0 #D49EA4 #DFABA8 #E9B7AC #F4C4B0 #FFD1B5

#BF859C - #FFD1B5

HSV Blend

#BF859C - #FFD1B5 | 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 #BF859C as 0% and #FFD1B5 as 100%.

0.0%	0.0% #BF859C	RGB 191 133 156	#BF859C
16.7%	16.7% #C98C9D	RGB 201 140 157	#C98C9D
33.3%	33.3% #D4949D	RGB 212 148 157	#D4949D
50.0%	50.0% #DF9C9D	RGB 223 156 157	#DF9C9D
66.7%	66.7% #E9ADA4	RGB 233 173 164	#E9ADA4
83.3%	83.3% #F4BEAC	RGB 244 190 172	#F4BEAC
100.0%	100.0% #FFD1B5	RGB 255 209 181	#FFD1B5

#BF859C #C98C9D #D4949D #DF9C9D #E9ADA4 #F4BEAC #FFD1B5

#BF859C - #DF9C9D - #FFD1B5

CSS codes

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

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