#CDCBD1 - #D7E2D4 | 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 #CDCBD1 to #D7E2D4

#CDCBD1 #D7E2D4

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

#CDCBD1 - #D7E2D4 | 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 #CDCBD1 as 0% and #D7E2D4 as 100%.

0.0%	0.0% #CDCBD1	RGB 205 203 209	#CDCBD1
16.7%	16.7% #CECED1	RGB 206 206 209	#CECED1
33.3%	33.3% #D0D2D2	RGB 208 210 210	#D0D2D2
50.0%	50.0% #D2D6D2	RGB 210 214 210	#D2D6D2
66.7%	66.7% #D3DAD3	RGB 211 218 211	#D3DAD3
83.3%	83.3% #D5DED3	RGB 213 222 211	#D5DED3
100.0%	100.0% #D7E2D4	RGB 215 226 212	#D7E2D4

#CDCBD1 #CECED1 #D0D2D2 #D2D6D2 #D3DAD3 #D5DED3 #D7E2D4

#CDCBD1 - #D7E2D4

HSV Blend

#CDCBD1 - #D7E2D4 | 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 #CDCBD1 as 0% and #D7E2D4 as 100%.

0.0%	0.0% #CDCBD1	RGB 205 203 209	#CDCBD1
16.7%	16.7% #CCCDD3	RGB 204 205 211	#CCCDD3
33.3%	33.3% #CED2D6	RGB 206 210 214	#CED2D6
50.0%	50.0% #CFD8D9	RGB 207 216 217	#CFD8D9
66.7%	66.7% #D1DCD8	RGB 209 220 216	#D1DCD8
83.3%	83.3% #D2DFD5	RGB 210 223 213	#D2DFD5
100.0%	100.0% #D7E2D4	RGB 215 226 212	#D7E2D4

#CDCBD1 #CCCDD3 #CED2D6 #CFD8D9 #D1DCD8 #D2DFD5 #D7E2D4

#CDCBD1 - #CFD8D9 - #D7E2D4

CSS codes

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

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