#C9CBA9 - #EFF0E6 | 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 #C9CBA9 to #EFF0E6

#C9CBA9 #EFF0E6

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

#C9CBA9 - #EFF0E6 | 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 #C9CBA9 as 0% and #EFF0E6 as 100%.

0.0%	0.0% #C9CBA9	RGB 201 203 169	#C9CBA9
16.7%	16.7% #CFD1B3	RGB 207 209 179	#CFD1B3
33.3%	33.3% #D5D7BD	RGB 213 215 189	#D5D7BD
50.0%	50.0% #DCDDC7	RGB 220 221 199	#DCDDC7
66.7%	66.7% #E2E3D1	RGB 226 227 209	#E2E3D1
83.3%	83.3% #E8E9DB	RGB 232 233 219	#E8E9DB
100.0%	100.0% #EFF0E6	RGB 239 240 230	#EFF0E6

#C9CBA9 #CFD1B3 #D5D7BD #DCDDC7 #E2E3D1 #E8E9DB #EFF0E6

#C9CBA9 - #EFF0E6

HSV Blend

#C9CBA9 - #EFF0E6 | 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 #C9CBA9 as 0% and #EFF0E6 as 100%.

0.0%	0.0% #C9CBA9	RGB 201 203 169	#C9CBA9
16.7%	16.7% #CFD1B2	RGB 207 209 178	#CFD1B2
33.3%	33.3% #D5D7BC	RGB 213 215 188	#D5D7BC
50.0%	50.0% #DBDDC6	RGB 219 221 198	#DBDDC6
66.7%	66.7% #E2E3D0	RGB 226 227 208	#E2E3D0
83.3%	83.3% #E8E9DB	RGB 232 233 219	#E8E9DB
100.0%	100.0% #EFF0E6	RGB 239 240 230	#EFF0E6

#C9CBA9 #CFD1B2 #D5D7BC #DBDDC6 #E2E3D0 #E8E9DB #EFF0E6

#C9CBA9 - #DBDDC6 - #EFF0E6

CSS codes

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

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