#BEC1CB - #E2DFD2 | 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 #BEC1CB to #E2DFD2

#BEC1CB #E2DFD2

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

#BEC1CB - #E2DFD2 | 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 #BEC1CB as 0% and #E2DFD2 as 100%.

0.0%	0.0% #BEC1CB	RGB 190 193 203	#BEC1CB
16.7%	16.7% #C4C6CC	RGB 196 198 204	#C4C6CC
33.3%	33.3% #CACBCD	RGB 202 203 205	#CACBCD
50.0%	50.0% #D0D0CE	RGB 208 208 206	#D0D0CE
66.7%	66.7% #D6D5CF	RGB 214 213 207	#D6D5CF
83.3%	83.3% #DCDAD0	RGB 220 218 208	#DCDAD0
100.0%	100.0% #E2DFD2	RGB 226 223 210	#E2DFD2

#BEC1CB #C4C6CC #CACBCD #D0D0CE #D6D5CF #DCDAD0 #E2DFD2

#BEC1CB - #E2DFD2

HSV Blend

#BEC1CB - #E2DFD2 | 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 #BEC1CB as 0% and #E2DFD2 as 100%.

0.0%	0.0% #BEC1CB	RGB 190 193 203	#BEC1CB
16.7%	16.7% #C1CBCE	RGB 193 203 206	#C1CBCE
33.3%	33.3% #C4D2CF	RGB 196 210 207	#C4D2CF
50.0%	50.0% #C8D6CC	RGB 200 214 204	#C8D6CC
66.7%	66.7% #CEDACB	RGB 206 218 203	#CEDACB
83.3%	83.3% #D9DECE	RGB 217 222 206	#D9DECE
100.0%	100.0% #E2DFD2	RGB 226 223 210	#E2DFD2

#BEC1CB #C1CBCE #C4D2CF #C8D6CC #CEDACB #D9DECE #E2DFD2

#BEC1CB - #C8D6CC - #E2DFD2

CSS codes

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

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