#CACDD7 - #E2E3DB | 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 #CACDD7 to #E2E3DB

#CACDD7 #E2E3DB

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

#CACDD7 - #E2E3DB | 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 #CACDD7 as 0% and #E2E3DB as 100%.

0.0%	0.0% #CACDD7	RGB 202 205 215	#CACDD7
16.7%	16.7% #CED0D7	RGB 206 208 215	#CED0D7
33.3%	33.3% #D2D4D8	RGB 210 212 216	#D2D4D8
50.0%	50.0% #D6D8D9	RGB 214 216 217	#D6D8D9
66.7%	66.7% #DADBD9	RGB 218 219 217	#DADBD9
83.3%	83.3% #DEDFDA	RGB 222 223 218	#DEDFDA
100.0%	100.0% #E2E3DB	RGB 226 227 219	#E2E3DB

#CACDD7 #CED0D7 #D2D4D8 #D6D8D9 #DADBD9 #DEDFDA #E2E3DB

#CACDD7 - #E2E3DB

HSV Blend

#CACDD7 - #E2E3DB | 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 #CACDD7 as 0% and #E2E3DB as 100%.

0.0%	0.0% #CACDD7	RGB 202 205 215	#CACDD7
16.7%	16.7% #CCD4D9	RGB 204 212 217	#CCD4D9
33.3%	33.3% #CFDBD9	RGB 207 219 217	#CFDBD9
50.0%	50.0% #D2DDD7	RGB 210 221 215	#D2DDD7
66.7%	66.7% #D5DFD5	RGB 213 223 213	#D5DFD5
83.3%	83.3% #DBE1D8	RGB 219 225 216	#DBE1D8
100.0%	100.0% #E2E3DB	RGB 226 227 219	#E2E3DB

#CACDD7 #CCD4D9 #CFDBD9 #D2DDD7 #D5DFD5 #DBE1D8 #E2E3DB

#CACDD7 - #D2DDD7 - #E2E3DB

CSS codes

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

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