#BFB6B7 - #FFE6C5 | 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 #BFB6B7 to #FFE6C5

#BFB6B7 #FFE6C5

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

#BFB6B7 - #FFE6C5 | 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 #BFB6B7 as 0% and #FFE6C5 as 100%.

0.0%	0.0% #BFB6B7	RGB 191 182 183	#BFB6B7
16.7%	16.7% #C9BEB9	RGB 201 190 185	#C9BEB9
33.3%	33.3% #D4C6BB	RGB 212 198 187	#D4C6BB
50.0%	50.0% #DFCEBE	RGB 223 206 190	#DFCEBE
66.7%	66.7% #E9D6C0	RGB 233 214 192	#E9D6C0
83.3%	83.3% #F4DEC2	RGB 244 222 194	#F4DEC2
100.0%	100.0% #FFE6C5	RGB 255 230 197	#FFE6C5

#BFB6B7 #C9BEB9 #D4C6BB #DFCEBE #E9D6C0 #F4DEC2 #FFE6C5

#BFB6B7 - #FFE6C5

HSV Blend

#BFB6B7 - #FFE6C5 | 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 #BFB6B7 as 0% and #FFE6C5 as 100%.

0.0%	0.0% #BFB6B7	RGB 191 182 183	#BFB6B7
16.7%	16.7% #C9BABA	RGB 201 186 186	#C9BABA
33.3%	33.3% #D4C0BD	RGB 212 192 189	#D4C0BD
50.0%	50.0% #DFC7C0	RGB 223 199 192	#DFC7C0
66.7%	66.7% #E9CFC2	RGB 233 207 194	#E9CFC2
83.3%	83.3% #F4DAC4	RGB 244 218 196	#F4DAC4
100.0%	100.0% #FFE6C5	RGB 255 230 197	#FFE6C5

#BFB6B7 #C9BABA #D4C0BD #DFC7C0 #E9CFC2 #F4DAC4 #FFE6C5

#BFB6B7 - #DFC7C0 - #FFE6C5

CSS codes

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

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