#BDB6A8 - #FFE6BD | 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 #BDB6A8 to #FFE6BD

#BDB6A8 #FFE6BD

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

#BDB6A8 - #FFE6BD | 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 #BDB6A8 as 0% and #FFE6BD as 100%.

0.0%	0.0% #BDB6A8	RGB 189 182 168	#BDB6A8
16.7%	16.7% #C8BEAB	RGB 200 190 171	#C8BEAB
33.3%	33.3% #D3C6AF	RGB 211 198 175	#D3C6AF
50.0%	50.0% #DECEB2	RGB 222 206 178	#DECEB2
66.7%	66.7% #E9D6B6	RGB 233 214 182	#E9D6B6
83.3%	83.3% #F4DEB9	RGB 244 222 185	#F4DEB9
100.0%	100.0% #FFE6BD	RGB 255 230 189	#FFE6BD

#BDB6A8 #C8BEAB #D3C6AF #DECEB2 #E9D6B6 #F4DEB9 #FFE6BD

#BDB6A8 - #FFE6BD

HSV Blend

#BDB6A8 - #FFE6BD | 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 #BDB6A8 as 0% and #FFE6BD as 100%.

0.0%	0.0% #BDB6A8	RGB 189 182 168	#BDB6A8
16.7%	16.7% #C8BEAC	RGB 200 190 172	#C8BEAC
33.3%	33.3% #D3C7B1	RGB 211 199 177	#D3C7B1
50.0%	50.0% #DECFB4	RGB 222 207 180	#DECFB4
66.7%	66.7% #E9D7B8	RGB 233 215 184	#E9D7B8
83.3%	83.3% #F4DEBA	RGB 244 222 186	#F4DEBA
100.0%	100.0% #FFE6BD	RGB 255 230 189	#FFE6BD

#BDB6A8 #C8BEAC #D3C7B1 #DECFB4 #E9D7B8 #F4DEBA #FFE6BD

#BDB6A8 - #DECFB4 - #FFE6BD

CSS codes

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

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