#BF8CAC - #FFD8C6 | 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 #BF8CAC to #FFD8C6

#BF8CAC #FFD8C6

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

#BF8CAC - #FFD8C6 | 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 #BF8CAC as 0% and #FFD8C6 as 100%.

0.0%	0.0% #BF8CAC	RGB 191 140 172	#BF8CAC
16.7%	16.7% #C998B0	RGB 201 152 176	#C998B0
33.3%	33.3% #D4A5B4	RGB 212 165 180	#D4A5B4
50.0%	50.0% #DFB2B9	RGB 223 178 185	#DFB2B9
66.7%	66.7% #E9BEBD	RGB 233 190 189	#E9BEBD
83.3%	83.3% #F4CBC1	RGB 244 203 193	#F4CBC1
100.0%	100.0% #FFD8C6	RGB 255 216 198	#FFD8C6

#BF8CAC #C998B0 #D4A5B4 #DFB2B9 #E9BEBD #F4CBC1 #FFD8C6

#BF8CAC - #FFD8C6

HSV Blend

#BF8CAC - #FFD8C6 | 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 #BF8CAC as 0% and #FFD8C6 as 100%.

0.0%	0.0% #BF8CAC	RGB 191 140 172	#BF8CAC
16.7%	16.7% #C995AD	RGB 201 149 173	#C995AD
33.3%	33.3% #D49EAF	RGB 212 158 175	#D49EAF
50.0%	50.0% #DFA8B0	RGB 223 168 176	#DFA8B0
66.7%	66.7% #E9B2B2	RGB 233 178 178	#E9B2B2
83.3%	83.3% #F4C4BB	RGB 244 196 187	#F4C4BB
100.0%	100.0% #FFD8C6	RGB 255 216 198	#FFD8C6

#BF8CAC #C995AD #D49EAF #DFA8B0 #E9B2B2 #F4C4BB #FFD8C6

#BF8CAC - #DFA8B0 - #FFD8C6

CSS codes

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

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