#BF949C - #FFD7B1 | 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 #BF949C to #FFD7B1

#BF949C #FFD7B1

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

#BF949C - #FFD7B1 | 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 #BF949C as 0% and #FFD7B1 as 100%.

0.0%	0.0% #BF949C	RGB 191 148 156	#BF949C
16.7%	16.7% #C99F9F	RGB 201 159 159	#C99F9F
33.3%	33.3% #D4AAA3	RGB 212 170 163	#D4AAA3
50.0%	50.0% #DFB5A6	RGB 223 181 166	#DFB5A6
66.7%	66.7% #E9C0AA	RGB 233 192 170	#E9C0AA
83.3%	83.3% #F4CBAD	RGB 244 203 173	#F4CBAD
100.0%	100.0% #FFD7B1	RGB 255 215 177	#FFD7B1

#BF949C #C99F9F #D4AAA3 #DFB5A6 #E9C0AA #F4CBAD #FFD7B1

#BF949C - #FFD7B1

HSV Blend

#BF949C - #FFD7B1 | 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 #BF949C as 0% and #FFD7B1 as 100%.

0.0%	0.0% #BF949C	RGB 191 148 156	#BF949C
16.7%	16.7% #C9999D	RGB 201 153 157	#C9999D
33.3%	33.3% #D4A09E	RGB 212 160 158	#D4A09E
50.0%	50.0% #DFACA3	RGB 223 172 163	#DFACA3
66.7%	66.7% #E9B9A8	RGB 233 185 168	#E9B9A8
83.3%	83.3% #F4C7AC	RGB 244 199 172	#F4C7AC
100.0%	100.0% #FFD7B1	RGB 255 215 177	#FFD7B1

#BF949C #C9999D #D4A09E #DFACA3 #E9B9A8 #F4C7AC #FFD7B1

#BF949C - #DFACA3 - #FFD7B1

CSS codes

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

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