#BDC7B5 - #EDEAC6 | 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 #BDC7B5 to #EDEAC6

#BDC7B5 #EDEAC6

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

#BDC7B5 - #EDEAC6 | 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 #BDC7B5 as 0% and #EDEAC6 as 100%.

0.0%	0.0% #BDC7B5	RGB 189 199 181	#BDC7B5
16.7%	16.7% #C5CCB7	RGB 197 204 183	#C5CCB7
33.3%	33.3% #CDD2BA	RGB 205 210 186	#CDD2BA
50.0%	50.0% #D5D8BD	RGB 213 216 189	#D5D8BD
66.7%	66.7% #DDDEC0	RGB 221 222 192	#DDDEC0
83.3%	83.3% #E5E4C3	RGB 229 228 195	#E5E4C3
100.0%	100.0% #EDEAC6	RGB 237 234 198	#EDEAC6

#BDC7B5 #C5CCB7 #CDD2BA #D5D8BD #DDDEC0 #E5E4C3 #EDEAC6

#BDC7B5 - #EDEAC6

HSV Blend

#BDC7B5 - #EDEAC6 | 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 #BDC7B5 as 0% and #EDEAC6 as 100%.

0.0%	0.0% #BDC7B5	RGB 189 199 181	#BDC7B5
16.7%	16.7% #C3CDB8	RGB 195 205 184	#C3CDB8
33.3%	33.3% #CBD3BB	RGB 203 211 187	#CBD3BB
50.0%	50.0% #D3DABE	RGB 211 218 190	#D3DABE
66.7%	66.7% #DCE0C0	RGB 220 224 192	#DCE0C0
83.3%	83.3% #E5E6C3	RGB 229 230 195	#E5E6C3
100.0%	100.0% #EDEAC6	RGB 237 234 198	#EDEAC6

#BDC7B5 #C3CDB8 #CBD3BB #D3DABE #DCE0C0 #E5E6C3 #EDEAC6

#BDC7B5 - #D3DABE - #EDEAC6

CSS codes

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

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