#C9C9DB - #DDE1DB | 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 #C9C9DB to #DDE1DB

#C9C9DB #DDE1DB

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

#C9C9DB - #DDE1DB | 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 #C9C9DB as 0% and #DDE1DB as 100%.

0.0%	0.0% #C9C9DB	RGB 201 201 219	#C9C9DB
16.7%	16.7% #CCCDDB	RGB 204 205 219	#CCCDDB
33.3%	33.3% #CFD1DB	RGB 207 209 219	#CFD1DB
50.0%	50.0% #D3D5DB	RGB 211 213 219	#D3D5DB
66.7%	66.7% #D6D9DB	RGB 214 217 219	#D6D9DB
83.3%	83.3% #D9DDDB	RGB 217 221 219	#D9DDDB
100.0%	100.0% #DDE1DB	RGB 221 225 219	#DDE1DB

#C9C9DB #CCCDDB #CFD1DB #D3D5DB #D6D9DB #D9DDDB #DDE1DB

#C9C9DB - #DDE1DB

HSV Blend

#C9C9DB - #DDE1DB | 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 #C9C9DB as 0% and #DDE1DB as 100%.

0.0%	0.0% #C9C9DB	RGB 201 201 219	#C9C9DB
16.7%	16.7% #CBD2DC	RGB 203 210 220	#CBD2DC
33.3%	33.3% #CED9DD	RGB 206 217 221	#CED9DD
50.0%	50.0% #D1DEDB	RGB 209 222 219	#D1DEDB
66.7%	66.7% #D4DFD9	RGB 212 223 217	#D4DFD9
83.3%	83.3% #D7E0D8	RGB 215 224 216	#D7E0D8
100.0%	100.0% #DDE1DB	RGB 221 225 219	#DDE1DB

#C9C9DB #CBD2DC #CED9DD #D1DEDB #D4DFD9 #D7E0D8 #DDE1DB

#C9C9DB - #D1DEDB - #DDE1DB

CSS codes

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

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