#B6BEC3 - #E7DFD0 | 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 #B6BEC3 to #E7DFD0

#B6BEC3 #E7DFD0

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

#B6BEC3 - #E7DFD0 | 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 #B6BEC3 as 0% and #E7DFD0 as 100%.

0.0%	0.0% #B6BEC3	RGB 182 190 195	#B6BEC3
16.7%	16.7% #BEC3C5	RGB 190 195 197	#BEC3C5
33.3%	33.3% #C6C9C7	RGB 198 201 199	#C6C9C7
50.0%	50.0% #CECEC9	RGB 206 206 201	#CECEC9
66.7%	66.7% #D6D4CB	RGB 214 212 203	#D6D4CB
83.3%	83.3% #DED9CD	RGB 222 217 205	#DED9CD
100.0%	100.0% #E7DFD0	RGB 231 223 208	#E7DFD0

#B6BEC3 #BEC3C5 #C6C9C7 #CECEC9 #D6D4CB #DED9CD #E7DFD0

#B6BEC3 - #E7DFD0

HSV Blend

#B6BEC3 - #E7DFD0 | 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 #B6BEC3 as 0% and #E7DFD0 as 100%.

0.0%	0.0% #B6BEC3	RGB 182 190 195	#B6BEC3
16.7%	16.7% #BAC9C7	RGB 186 201 199	#BAC9C7
33.3%	33.3% #BECFC6	RGB 190 207 198	#BECFC6
50.0%	50.0% #C3D5C3	RGB 195 213 195	#C3D5C3
66.7%	66.7% #D0DBC7	RGB 208 219 199	#D0DBC7
83.3%	83.3% #DEE1CB	RGB 222 225 203	#DEE1CB
100.0%	100.0% #E7DFD0	RGB 231 223 208	#E7DFD0

#B6BEC3 #BAC9C7 #BECFC6 #C3D5C3 #D0DBC7 #DEE1CB #E7DFD0

#B6BEC3 - #C3D5C3 - #E7DFD0

CSS codes

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

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