#BDC4C3 - #ECEEED | 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 #BDC4C3 to #ECEEED

#BDC4C3 #ECEEED

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

#BDC4C3 - #ECEEED | 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 #BDC4C3 as 0% and #ECEEED as 100%.

0.0%	0.0% #BDC4C3	RGB 189 196 195	#BDC4C3
16.7%	16.7% #C4CBCA	RGB 196 203 202	#C4CBCA
33.3%	33.3% #CCD2D1	RGB 204 210 209	#CCD2D1
50.0%	50.0% #D4D9D8	RGB 212 217 216	#D4D9D8
66.7%	66.7% #DCE0DF	RGB 220 224 223	#DCE0DF
83.3%	83.3% #E4E7E6	RGB 228 231 230	#E4E7E6
100.0%	100.0% #ECEEED	RGB 236 238 237	#ECEEED

#BDC4C3 #C4CBCA #CCD2D1 #D4D9D8 #DCE0DF #E4E7E6 #ECEEED

#BDC4C3 - #ECEEED

HSV Blend

#BDC4C3 - #ECEEED | 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 #BDC4C3 as 0% and #ECEEED as 100%.

0.0%	0.0% #BDC4C3	RGB 189 196 195	#BDC4C3
16.7%	16.7% #C4CBC9	RGB 196 203 201	#C4CBC9
33.3%	33.3% #CCD2D0	RGB 204 210 208	#CCD2D0
50.0%	50.0% #D4D9D7	RGB 212 217 215	#D4D9D7
66.7%	66.7% #DCE0DE	RGB 220 224 222	#DCE0DE
83.3%	83.3% #E4E7E5	RGB 228 231 229	#E4E7E5
100.0%	100.0% #ECEEED	RGB 236 238 237	#ECEEED

#BDC4C3 #C4CBC9 #CCD2D0 #D4D9D7 #DCE0DE #E4E7E5 #ECEEED

#BDC4C3 - #D4D9D7 - #ECEEED

CSS codes

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

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