#BF8D9F - #FFD5B7 | 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 #BF8D9F to #FFD5B7

#BF8D9F #FFD5B7

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

#BF8D9F - #FFD5B7 | 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 #BF8D9F as 0% and #FFD5B7 as 100%.

0.0%	0.0% #BF8D9F	RGB 191 141 159	#BF8D9F
16.7%	16.7% #C999A3	RGB 201 153 163	#C999A3
33.3%	33.3% #D4A5A7	RGB 212 165 167	#D4A5A7
50.0%	50.0% #DFB1AB	RGB 223 177 171	#DFB1AB
66.7%	66.7% #E9BDAF	RGB 233 189 175	#E9BDAF
83.3%	83.3% #F4C9B3	RGB 244 201 179	#F4C9B3
100.0%	100.0% #FFD5B7	RGB 255 213 183	#FFD5B7

#BF8D9F #C999A3 #D4A5A7 #DFB1AB #E9BDAF #F4C9B3 #FFD5B7

#BF8D9F - #FFD5B7

HSV Blend

#BF8D9F - #FFD5B7 | 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 #BF8D9F as 0% and #FFD5B7 as 100%.

0.0%	0.0% #BF8D9F	RGB 191 141 159	#BF8D9F
16.7%	16.7% #C994A0	RGB 201 148 160	#C994A0
33.3%	33.3% #D49BA1	RGB 212 155 161	#D49BA1
50.0%	50.0% #DFA4A2	RGB 223 164 162	#DFA4A2
66.7%	66.7% #E9B3A9	RGB 233 179 169	#E9B3A9
83.3%	83.3% #F4C3B0	RGB 244 195 176	#F4C3B0
100.0%	100.0% #FFD5B7	RGB 255 213 183	#FFD5B7

#BF8D9F #C994A0 #D49BA1 #DFA4A2 #E9B3A9 #F4C3B0 #FFD5B7

#BF8D9F - #DFA4A2 - #FFD5B7

CSS codes

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

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