#B7BEC4 - #E6DFD0 | 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 #B7BEC4 to #E6DFD0

#B7BEC4 #E6DFD0

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

#B7BEC4 - #E6DFD0 | 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 #B7BEC4 as 0% and #E6DFD0 as 100%.

0.0%	0.0% #B7BEC4	RGB 183 190 196	#B7BEC4
16.7%	16.7% #BEC3C6	RGB 190 195 198	#BEC3C6
33.3%	33.3% #C6C9C8	RGB 198 201 200	#C6C9C8
50.0%	50.0% #CECECA	RGB 206 206 202	#CECECA
66.7%	66.7% #D6D4CC	RGB 214 212 204	#D6D4CC
83.3%	83.3% #DED9CE	RGB 222 217 206	#DED9CE
100.0%	100.0% #E6DFD0	RGB 230 223 208	#E6DFD0

#B7BEC4 #BEC3C6 #C6C9C8 #CECECA #D6D4CC #DED9CE #E6DFD0

#B7BEC4 - #E6DFD0

HSV Blend

#B7BEC4 - #E6DFD0 | 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 #B7BEC4 as 0% and #E6DFD0 as 100%.

0.0%	0.0% #B7BEC4	RGB 183 190 196	#B7BEC4
16.7%	16.7% #BBC9C9	RGB 187 201 201	#BBC9C9
33.3%	33.3% #BFCFC7	RGB 191 207 199	#BFCFC7
50.0%	50.0% #C3D5C4	RGB 195 213 196	#C3D5C4
66.7%	66.7% #CFDAC7	RGB 207 218 199	#CFDAC7
83.3%	83.3% #DDE0CB	RGB 221 224 203	#DDE0CB
100.0%	100.0% #E6DFD0	RGB 230 223 208	#E6DFD0

#B7BEC4 #BBC9C9 #BFCFC7 #C3D5C4 #CFDAC7 #DDE0CB #E6DFD0

#B7BEC4 - #C3D5C4 - #E6DFD0

CSS codes

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

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