#C0CAAB - #EDEFE7 | 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 #C0CAAB to #EDEFE7

#C0CAAB #EDEFE7

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

#C0CAAB - #EDEFE7 | 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 #C0CAAB as 0% and #EDEFE7 as 100%.

0.0%	0.0% #C0CAAB	RGB 192 202 171	#C0CAAB
16.7%	16.7% #C7D0B5	RGB 199 208 181	#C7D0B5
33.3%	33.3% #CFD6BF	RGB 207 214 191	#CFD6BF
50.0%	50.0% #D6DCC9	RGB 214 220 201	#D6DCC9
66.7%	66.7% #DEE2D3	RGB 222 226 211	#DEE2D3
83.3%	83.3% #E5E8DD	RGB 229 232 221	#E5E8DD
100.0%	100.0% #EDEFE7	RGB 237 239 231	#EDEFE7

#C0CAAB #C7D0B5 #CFD6BF #D6DCC9 #DEE2D3 #E5E8DD #EDEFE7

#C0CAAB - #EDEFE7

HSV Blend

#C0CAAB - #EDEFE7 | 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 #C0CAAB as 0% and #EDEFE7 as 100%.

0.0%	0.0% #C0CAAB	RGB 192 202 171	#C0CAAB
16.7%	16.7% #C7D0B4	RGB 199 208 180	#C7D0B4
33.3%	33.3% #CFD6BE	RGB 207 214 190	#CFD6BE
50.0%	50.0% #D6DCC7	RGB 214 220 199	#D6DCC7
66.7%	66.7% #DEE2D2	RGB 222 226 210	#DEE2D2
83.3%	83.3% #E5E8DC	RGB 229 232 220	#E5E8DC
100.0%	100.0% #EDEFE7	RGB 237 239 231	#EDEFE7

#C0CAAB #C7D0B4 #CFD6BE #D6DCC7 #DEE2D2 #E5E8DC #EDEFE7

#C0CAAB - #D6DCC7 - #EDEFE7

CSS codes

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

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