#C3C9BD - #D3CDDF | 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 #C3C9BD to #D3CDDF

#C3C9BD #D3CDDF

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

#C3C9BD - #D3CDDF | 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 #C3C9BD as 0% and #D3CDDF as 100%.

0.0%	0.0% #C3C9BD	RGB 195 201 189	#C3C9BD
16.7%	16.7% #C5C9C2	RGB 197 201 194	#C5C9C2
33.3%	33.3% #C8CAC8	RGB 200 202 200	#C8CAC8
50.0%	50.0% #CBCBCE	RGB 203 203 206	#CBCBCE
66.7%	66.7% #CDCBD3	RGB 205 203 211	#CDCBD3
83.3%	83.3% #D0CCD9	RGB 208 204 217	#D0CCD9
100.0%	100.0% #D3CDDF	RGB 211 205 223	#D3CDDF

#C3C9BD #C5C9C2 #C8CAC8 #CBCBCE #CDCBD3 #D0CCD9 #D3CDDF

#C3C9BD - #D3CDDF

HSV Blend

#C3C9BD - #D3CDDF | 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 #C3C9BD as 0% and #D3CDDF as 100%.

0.0%	0.0% #C3C9BD	RGB 195 201 189	#C3C9BD
16.7%	16.7% #C0CCBF	RGB 192 204 191	#C0CCBF
33.3%	33.3% #C2D0C8	RGB 194 208 200	#C2D0C8
50.0%	50.0% #C5D4D2	RGB 197 212 210	#C5D4D2
66.7%	66.7% #C7D1D7	RGB 199 209 215	#C7D1D7
83.3%	83.3% #CACCDB	RGB 202 204 219	#CACCDB
100.0%	100.0% #D3CDDF	RGB 211 205 223	#D3CDDF

#C3C9BD #C0CCBF #C2D0C8 #C5D4D2 #C7D1D7 #CACCDB #D3CDDF

#C3C9BD - #C5D4D2 - #D3CDDF

CSS codes

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

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