#C9C9CD - #E1E4D5 | 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 #C9C9CD to #E1E4D5

#C9C9CD #E1E4D5

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

#C9C9CD - #E1E4D5 | 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 #C9C9CD as 0% and #E1E4D5 as 100%.

0.0%	0.0% #C9C9CD	RGB 201 201 205	#C9C9CD
16.7%	16.7% #CDCDCE	RGB 205 205 206	#CDCDCE
33.3%	33.3% #D1D2CF	RGB 209 210 207	#D1D2CF
50.0%	50.0% #D5D6D1	RGB 213 214 209	#D5D6D1
66.7%	66.7% #D9DBD2	RGB 217 219 210	#D9DBD2
83.3%	83.3% #DDDFD3	RGB 221 223 211	#DDDFD3
100.0%	100.0% #E1E4D5	RGB 225 228 213	#E1E4D5

#C9C9CD #CDCDCE #D1D2CF #D5D6D1 #D9DBD2 #DDDFD3 #E1E4D5

#C9C9CD - #E1E4D5

HSV Blend

#C9C9CD - #E1E4D5 | 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 #C9C9CD as 0% and #E1E4D5 as 100%.

0.0%	0.0% #C9C9CD	RGB 201 201 205	#C9C9CD
16.7%	16.7% #CBCDD0	RGB 203 205 208	#CBCDD0
33.3%	33.3% #CDD4D4	RGB 205 212 212	#CDD4D4
50.0%	50.0% #CFD8D4	RGB 207 216 212	#CFD8D4
66.7%	66.7% #D1DCD2	RGB 209 220 210	#D1DCD2
83.3%	83.3% #D7E0D3	RGB 215 224 211	#D7E0D3
100.0%	100.0% #E1E4D5	RGB 225 228 213	#E1E4D5

#C9C9CD #CBCDD0 #CDD4D4 #CFD8D4 #D1DCD2 #D7E0D3 #E1E4D5

#C9C9CD - #CFD8D4 - #E1E4D5

CSS codes

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

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