#B2B5B8 - #E5D5C7 | 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 #B2B5B8 to #E5D5C7

#B2B5B8 #E5D5C7

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

#B2B5B8 - #E5D5C7 | 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 #B2B5B8 as 0% and #E5D5C7 as 100%.

0.0%	0.0% #B2B5B8	RGB 178 181 184	#B2B5B8
16.7%	16.7% #BABABA	RGB 186 186 186	#BABABA
33.3%	33.3% #C3BFBD	RGB 195 191 189	#C3BFBD
50.0%	50.0% #CBC5BF	RGB 203 197 191	#CBC5BF
66.7%	66.7% #D4CAC2	RGB 212 202 194	#D4CAC2
83.3%	83.3% #DCCFC4	RGB 220 207 196	#DCCFC4
100.0%	100.0% #E5D5C7	RGB 229 213 199	#E5D5C7

#B2B5B8 #BABABA #C3BFBD #CBC5BF #D4CAC2 #DCCFC4 #E5D5C7

#B2B5B8 - #E5D5C7

HSV Blend

#B2B5B8 - #E5D5C7 | 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 #B2B5B8 as 0% and #E5D5C7 as 100%.

0.0%	0.0% #B2B5B8	RGB 178 181 184	#B2B5B8
16.7%	16.7% #B6B6BF	RGB 182 182 191	#B6B6BF
33.3%	33.3% #C0B9C7	RGB 192 185 199	#C0B9C7
50.0%	50.0% #CEBDCE	RGB 206 189 206	#CEBDCE
66.7%	66.7% #D6C0CB	RGB 214 192 203	#D6C0CB
83.3%	83.3% #DDC4C4	RGB 221 196 196	#DDC4C4
100.0%	100.0% #E5D5C7	RGB 229 213 199	#E5D5C7

#B2B5B8 #B6B6BF #C0B9C7 #CEBDCE #D6C0CB #DDC4C4 #E5D5C7

#B2B5B8 - #CEBDCE - #E5D5C7

CSS codes

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

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