#C9C6BB - #DAFFDB | 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 #C9C6BB to #DAFFDB

#C9C6BB #DAFFDB

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

#C9C6BB - #DAFFDB | 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 #C9C6BB as 0% and #DAFFDB as 100%.

0.0%	0.0% #C9C6BB	RGB 201 198 187	#C9C6BB
16.7%	16.7% #CBCFC0	RGB 203 207 192	#CBCFC0
33.3%	33.3% #CED9C5	RGB 206 217 197	#CED9C5
50.0%	50.0% #D1E2CB	RGB 209 226 203	#D1E2CB
66.7%	66.7% #D4ECD0	RGB 212 236 208	#D4ECD0
83.3%	83.3% #D7F5D5	RGB 215 245 213	#D7F5D5
100.0%	100.0% #DAFFDB	RGB 218 255 219	#DAFFDB

#C9C6BB #CBCFC0 #CED9C5 #D1E2CB #D4ECD0 #D7F5D5 #DAFFDB

#C9C6BB - #DAFFDB

HSV Blend

#C9C6BB - #DAFFDB | 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 #C9C6BB as 0% and #DAFFDB as 100%.

0.0%	0.0% #C9C6BB	RGB 201 198 187	#C9C6BB
16.7%	16.7% #D2D1C0	RGB 210 209 192	#D2D1C0
33.3%	33.3% #D6DBC6	RGB 214 219 198	#D6DBC6
50.0%	50.0% #DAE4CB	RGB 218 228 203	#DAE4CB
66.7%	66.7% #DBEDD0	RGB 219 237 208	#DBEDD0
83.3%	83.3% #DBF6D5	RGB 219 246 213	#DBF6D5
100.0%	100.0% #DAFFDB	RGB 218 255 219	#DAFFDB

#C9C6BB #D2D1C0 #D6DBC6 #DAE4CB #DBEDD0 #DBF6D5 #DAFFDB

#C9C6BB - #DAE4CB - #DAFFDB

CSS codes

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

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