#CAD3C3 - #DBD5DF | 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 #CAD3C3 to #DBD5DF

#CAD3C3 #DBD5DF

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

#CAD3C3 - #DBD5DF | 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 #CAD3C3 as 0% and #DBD5DF as 100%.

0.0%	0.0% #CAD3C3	RGB 202 211 195	#CAD3C3
16.7%	16.7% #CCD3C7	RGB 204 211 199	#CCD3C7
33.3%	33.3% #CFD3CC	RGB 207 211 204	#CFD3CC
50.0%	50.0% #D2D4D1	RGB 210 212 209	#D2D4D1
66.7%	66.7% #D5D4D5	RGB 213 212 213	#D5D4D5
83.3%	83.3% #D8D4DA	RGB 216 212 218	#D8D4DA
100.0%	100.0% #DBD5DF	RGB 219 213 223	#DBD5DF

#CAD3C3 #CCD3C7 #CFD3CC #D2D4D1 #D5D4D5 #D8D4DA #DBD5DF

#CAD3C3 - #DBD5DF

HSV Blend

#CAD3C3 - #DBD5DF | 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 #CAD3C3 as 0% and #DBD5DF as 100%.

0.0%	0.0% #CAD3C3	RGB 202 211 195	#CAD3C3
16.7%	16.7% #D3D5C5	RGB 211 213 197	#D3D5C5
33.3%	33.3% #D7D1C8	RGB 215 209 200	#D7D1C8
50.0%	50.0% #D9CCCB	RGB 217 204 203	#D9CCCB
66.7%	66.7% #DBCED3	RGB 219 206 211	#DBCED3
83.3%	83.3% #DDD1DB	RGB 221 209 219	#DDD1DB
100.0%	100.0% #DBD5DF	RGB 219 213 223	#DBD5DF

#CAD3C3 #D3D5C5 #D7D1C8 #D9CCCB #DBCED3 #DDD1DB #DBD5DF

#CAD3C3 - #D9CCCB - #DBD5DF

CSS codes

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

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