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

#C7CAAB #EDEFE7

Calculate the color between two colors, #C7CAAB 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)

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

0.0%	0.0% #C7CAAB	RGB 199 202 171	#C7CAAB
16.7%	16.7% #CDD0B5	RGB 205 208 181	#CDD0B5
33.3%	33.3% #D3D6BF	RGB 211 214 191	#D3D6BF
50.0%	50.0% #DADCC9	RGB 218 220 201	#DADCC9
66.7%	66.7% #E0E2D3	RGB 224 226 211	#E0E2D3
83.3%	83.3% #E6E8DD	RGB 230 232 221	#E6E8DD
100.0%	100.0% #EDEFE7	RGB 237 239 231	#EDEFE7

#C7CAAB #CDD0B5 #D3D6BF #DADCC9 #E0E2D3 #E6E8DD #EDEFE7

#C7CAAB - #EDEFE7

HSV Blend

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

0.0%	0.0% #C7CAAB	RGB 199 202 171	#C7CAAB
16.7%	16.7% #CCD0B4	RGB 204 208 180	#CCD0B4
33.3%	33.3% #D2D6BE	RGB 210 214 190	#D2D6BE
50.0%	50.0% #D8DCC7	RGB 216 220 199	#D8DCC7
66.7%	66.7% #DFE2D2	RGB 223 226 210	#DFE2D2
83.3%	83.3% #E6E8DC	RGB 230 232 220	#E6E8DC
100.0%	100.0% #EDEFE7	RGB 237 239 231	#EDEFE7

#C7CAAB #CCD0B4 #D2D6BE #D8DCC7 #DFE2D2 #E6E8DC #EDEFE7

#C7CAAB - #D8DCC7 - #EDEFE7

CSS codes

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

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