#BF8D9C - #FEBEB0 | 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 #BF8D9C to #FEBEB0

#BF8D9C #FEBEB0

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

#BF8D9C - #FEBEB0 | 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 #BF8D9C as 0% and #FEBEB0 as 100%.

0.0%	0.0% #BF8D9C	RGB 191 141 156	#BF8D9C
16.7%	16.7% #C9959F	RGB 201 149 159	#C9959F
33.3%	33.3% #D49DA2	RGB 212 157 162	#D49DA2
50.0%	50.0% #DEA5A6	RGB 222 165 166	#DEA5A6
66.7%	66.7% #E9ADA9	RGB 233 173 169	#E9ADA9
83.3%	83.3% #F3B5AC	RGB 243 181 172	#F3B5AC
100.0%	100.0% #FEBEB0	RGB 254 190 176	#FEBEB0

#BF8D9C #C9959F #D49DA2 #DEA5A6 #E9ADA9 #F3B5AC #FEBEB0

#BF8D9C - #FEBEB0

HSV Blend

#BF8D9C - #FEBEB0 | 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 #BF8D9C as 0% and #FEBEB0 as 100%.

0.0%	0.0% #BF8D9C	RGB 191 141 156	#BF8D9C
16.7%	16.7% #C9939F	RGB 201 147 159	#C9939F
33.3%	33.3% #D499A1	RGB 212 153 161	#D499A1
50.0%	50.0% #DE9FA3	RGB 222 159 163	#DE9FA3
66.7%	66.7% #E9A6A4	RGB 233 166 164	#E9A6A4
83.3%	83.3% #F3B1AA	RGB 243 177 170	#F3B1AA
100.0%	100.0% #FEBEB0	RGB 254 190 176	#FEBEB0

#BF8D9C #C9939F #D499A1 #DE9FA3 #E9A6A4 #F3B1AA #FEBEB0

#BF8D9C - #DE9FA3 - #FEBEB0

CSS codes

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

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