#BDBFBD - #E6DFC5 | 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 #BDBFBD to #E6DFC5

#BDBFBD #E6DFC5

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

#BDBFBD - #E6DFC5 | 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 #BDBFBD as 0% and #E6DFC5 as 100%.

0.0%	0.0% #BDBFBD	RGB 189 191 189	#BDBFBD
16.7%	16.7% #C3C4BE	RGB 195 196 190	#C3C4BE
33.3%	33.3% #CAC9BF	RGB 202 201 191	#CAC9BF
50.0%	50.0% #D1CFC1	RGB 209 207 193	#D1CFC1
66.7%	66.7% #D8D4C2	RGB 216 212 194	#D8D4C2
83.3%	83.3% #DFD9C3	RGB 223 217 195	#DFD9C3
100.0%	100.0% #E6DFC5	RGB 230 223 197	#E6DFC5

#BDBFBD #C3C4BE #CAC9BF #D1CFC1 #D8D4C2 #DFD9C3 #E6DFC5

#BDBFBD - #E6DFC5

HSV Blend

#BDBFBD - #E6DFC5 | 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 #BDBFBD as 0% and #E6DFC5 as 100%.

0.0%	0.0% #BDBFBD	RGB 189 191 189	#BDBFBD
16.7%	16.7% #C0C5BF	RGB 192 197 191	#C0C5BF
33.3%	33.3% #C5CCC0	RGB 197 204 192	#C5CCC0
50.0%	50.0% #CCD2C2	RGB 204 210 194	#CCD2C2
66.7%	66.7% #D4D9C3	RGB 212 217 195	#D4D9C3
83.3%	83.3% #DFDFC4	RGB 223 223 196	#DFDFC4
100.0%	100.0% #E6DFC5	RGB 230 223 197	#E6DFC5

#BDBFBD #C0C5BF #C5CCC0 #CCD2C2 #D4D9C3 #DFDFC4 #E6DFC5

#BDBFBD - #CCD2C2 - #E6DFC5

CSS codes

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

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