#C9C4CB - #D5E5D5 | 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 #C9C4CB to #D5E5D5

#C9C4CB #D5E5D5

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

#C9C4CB - #D5E5D5 | 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 #C9C4CB as 0% and #D5E5D5 as 100%.

0.0%	0.0% #C9C4CB	RGB 201 196 203	#C9C4CB
16.7%	16.7% #CBC9CC	RGB 203 201 204	#CBC9CC
33.3%	33.3% #CDCFCE	RGB 205 207 206	#CDCFCE
50.0%	50.0% #CFD4D0	RGB 207 212 208	#CFD4D0
66.7%	66.7% #D1DAD1	RGB 209 218 209	#D1DAD1
83.3%	83.3% #D3DFD3	RGB 211 223 211	#D3DFD3
100.0%	100.0% #D5E5D5	RGB 213 229 213	#D5E5D5

#C9C4CB #CBC9CC #CDCFCE #CFD4D0 #D1DAD1 #D3DFD3 #D5E5D5

#C9C4CB - #D5E5D5

HSV Blend

#C9C4CB - #D5E5D5 | 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 #C9C4CB as 0% and #D5E5D5 as 100%.

0.0%	0.0% #C9C4CB	RGB 201 196 203	#C9C4CB
16.7%	16.7% #C9C6CF	RGB 201 198 207	#C9C6CF
33.3%	33.3% #C9CBD3	RGB 201 203 211	#C9CBD3
50.0%	50.0% #CCD3D8	RGB 204 211 216	#CCD3D8
66.7%	66.7% #CFDCDB	RGB 207 220 219	#CFDCDB
83.3%	83.3% #D2E0D8	RGB 210 224 216	#D2E0D8
100.0%	100.0% #D5E5D5	RGB 213 229 213	#D5E5D5

#C9C4CB #C9C6CF #C9CBD3 #CCD3D8 #CFDCDB #D2E0D8 #D5E5D5

#C9C4CB - #CCD3D8 - #D5E5D5

CSS codes

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

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