#BCB9C3 - #EDEBEC | 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 #BCB9C3 to #EDEBEC

#BCB9C3 #EDEBEC

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

#BCB9C3 - #EDEBEC | 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 #BCB9C3 as 0% and #EDEBEC as 100%.

0.0%	0.0% #BCB9C3	RGB 188 185 195	#BCB9C3
16.7%	16.7% #C4C1C9	RGB 196 193 201	#C4C1C9
33.3%	33.3% #CCC9D0	RGB 204 201 208	#CCC9D0
50.0%	50.0% #D4D2D7	RGB 212 210 215	#D4D2D7
66.7%	66.7% #DCDADE	RGB 220 218 222	#DCDADE
83.3%	83.3% #E4E2E5	RGB 228 226 229	#E4E2E5
100.0%	100.0% #EDEBEC	RGB 237 235 236	#EDEBEC

#BCB9C3 #C4C1C9 #CCC9D0 #D4D2D7 #DCDADE #E4E2E5 #EDEBEC

#BCB9C3 - #EDEBEC

HSV Blend

#BCB9C3 - #EDEBEC | 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 #BCB9C3 as 0% and #EDEBEC as 100%.

0.0%	0.0% #BCB9C3	RGB 188 185 195	#BCB9C3
16.7%	16.7% #C5C1CA	RGB 197 193 202	#C5C1CA
33.3%	33.3% #CEC9D1	RGB 206 201 209	#CEC9D1
50.0%	50.0% #D7D1D8	RGB 215 209 216	#D7D1D8
66.7%	66.7% #DFD9DE	RGB 223 217 222	#DFD9DE
83.3%	83.3% #E6E2E4	RGB 230 226 228	#E6E2E4
100.0%	100.0% #EDEBEC	RGB 237 235 236	#EDEBEC

#BCB9C3 #C5C1CA #CEC9D1 #D7D1D8 #DFD9DE #E6E2E4 #EDEBEC

#BCB9C3 - #D7D1D8 - #EDEBEC

CSS codes

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

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