#C2BDBB - #EDECEB | 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 #C2BDBB to #EDECEB

#C2BDBB #EDECEB

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

#C2BDBB - #EDECEB | 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 #C2BDBB as 0% and #EDECEB as 100%.

0.0%	0.0% #C2BDBB	RGB 194 189 187	#C2BDBB
16.7%	16.7% #C9C4C3	RGB 201 196 195	#C9C4C3
33.3%	33.3% #D0CCCB	RGB 208 204 203	#D0CCCB
50.0%	50.0% #D7D4D3	RGB 215 212 211	#D7D4D3
66.7%	66.7% #DEDCDB	RGB 222 220 219	#DEDCDB
83.3%	83.3% #E5E4E3	RGB 229 228 227	#E5E4E3
100.0%	100.0% #EDECEB	RGB 237 236 235	#EDECEB

#C2BDBB #C9C4C3 #D0CCCB #D7D4D3 #DEDCDB #E5E4E3 #EDECEB

#C2BDBB - #EDECEB

HSV Blend

#C2BDBB - #EDECEB | 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 #C2BDBB as 0% and #EDECEB as 100%.

0.0%	0.0% #C2BDBB	RGB 194 189 187	#C2BDBB
16.7%	16.7% #C9C4C2	RGB 201 196 194	#C9C4C2
33.3%	33.3% #D0CCCA	RGB 208 204 202	#D0CCCA
50.0%	50.0% #D7D4D2	RGB 215 212 210	#D7D4D2
66.7%	66.7% #DEDCDA	RGB 222 220 218	#DEDCDA
83.3%	83.3% #E5E4E2	RGB 229 228 226	#E5E4E2
100.0%	100.0% #EDECEB	RGB 237 236 235	#EDECEB

#C2BDBB #C9C4C2 #D0CCCA #D7D4D2 #DEDCDA #E5E4E2 #EDECEB

#C2BDBB - #D7D4D2 - #EDECEB

CSS codes

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

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