#C9CEAB - #E2BDC0 | 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 #C9CEAB to #E2BDC0

#C9CEAB #E2BDC0

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

#C9CEAB - #E2BDC0 | 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 #C9CEAB as 0% and #E2BDC0 as 100%.

0.0%	0.0% #C9CEAB	RGB 201 206 171	#C9CEAB
16.7%	16.7% #CDCBAE	RGB 205 203 174	#CDCBAE
33.3%	33.3% #D1C8B2	RGB 209 200 178	#D1C8B2
50.0%	50.0% #D5C5B5	RGB 213 197 181	#D5C5B5
66.7%	66.7% #D9C2B9	RGB 217 194 185	#D9C2B9
83.3%	83.3% #DDBFBC	RGB 221 191 188	#DDBFBC
100.0%	100.0% #E2BDC0	RGB 226 189 192	#E2BDC0

#C9CEAB #CDCBAE #D1C8B2 #D5C5B5 #D9C2B9 #DDBFBC #E2BDC0

#C9CEAB - #E2BDC0

HSV Blend

#C9CEAB - #E2BDC0 | 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 #C9CEAB as 0% and #E2BDC0 as 100%.

0.0%	0.0% #C9CEAB	RGB 201 206 171	#C9CEAB
16.7%	16.7% #D1CFAD	RGB 209 207 173	#D1CFAD
33.3%	33.3% #D4CBB0	RGB 212 203 176	#D4CBB0
50.0%	50.0% #D8C7B3	RGB 216 199 179	#D8C7B3
66.7%	66.7% #DBC2B6	RGB 219 194 182	#DBC2B6
83.3%	83.3% #DEBEB9	RGB 222 190 185	#DEBEB9
100.0%	100.0% #E2BDC0	RGB 226 189 192	#E2BDC0

#C9CEAB #D1CFAD #D4CBB0 #D8C7B3 #DBC2B6 #DEBEB9 #E2BDC0

#C9CEAB - #D8C7B3 - #E2BDC0

CSS codes

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

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