#CAD9C8 - #ECEDCF | 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 #CAD9C8 to #ECEDCF

#CAD9C8 #ECEDCF

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

#CAD9C8 - #ECEDCF | 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 #CAD9C8 as 0% and #ECEDCF as 100%.

0.0%	0.0% #CAD9C8	RGB 202 217 200	#CAD9C8
16.7%	16.7% #CFDCC9	RGB 207 220 201	#CFDCC9
33.3%	33.3% #D5DFCA	RGB 213 223 202	#D5DFCA
50.0%	50.0% #DBE3CB	RGB 219 227 203	#DBE3CB
66.7%	66.7% #E0E6CC	RGB 224 230 204	#E0E6CC
83.3%	83.3% #E6E9CD	RGB 230 233 205	#E6E9CD
100.0%	100.0% #ECEDCF	RGB 236 237 207	#ECEDCF

#CAD9C8 #CFDCC9 #D5DFCA #DBE3CB #E0E6CC #E6E9CD #ECEDCF

#CAD9C8 - #ECEDCF

HSV Blend

#CAD9C8 - #ECEDCF | 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 #CAD9C8 as 0% and #ECEDCF as 100%.

0.0%	0.0% #CAD9C8	RGB 202 217 200	#CAD9C8
16.7%	16.7% #CEDCC9	RGB 206 220 201	#CEDCC9
33.3%	33.3% #D3DFCA	RGB 211 223 202	#D3DFCA
50.0%	50.0% #D8E3CB	RGB 216 227 203	#D8E3CB
66.7%	66.7% #DEE6CC	RGB 222 230 204	#DEE6CC
83.3%	83.3% #E4E9CD	RGB 228 233 205	#E4E9CD
100.0%	100.0% #ECEDCF	RGB 236 237 207	#ECEDCF

#CAD9C8 #CEDCC9 #D3DFCA #D8E3CB #DEE6CC #E4E9CD #ECEDCF

#CAD9C8 - #D8E3CB - #ECEDCF

CSS codes

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

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