#CAD0C7 - #EBDFE9 | 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 #CAD0C7 to #EBDFE9

#CAD0C7 #EBDFE9

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

#CAD0C7 - #EBDFE9 | 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 #CAD0C7 as 0% and #EBDFE9 as 100%.

0.0%	0.0% #CAD0C7	RGB 202 208 199	#CAD0C7
16.7%	16.7% #CFD2CC	RGB 207 210 204	#CFD2CC
33.3%	33.3% #D5D5D2	RGB 213 213 210	#D5D5D2
50.0%	50.0% #DAD7D8	RGB 218 215 216	#DAD7D8
66.7%	66.7% #E0DADD	RGB 224 218 221	#E0DADD
83.3%	83.3% #E5DCE3	RGB 229 220 227	#E5DCE3
100.0%	100.0% #EBDFE9	RGB 235 223 233	#EBDFE9

#CAD0C7 #CFD2CC #D5D5D2 #DAD7D8 #E0DADD #E5DCE3 #EBDFE9

#CAD0C7 - #EBDFE9

HSV Blend

#CAD0C7 - #EBDFE9 | 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 #CAD0C7 as 0% and #EBDFE9 as 100%.

0.0%	0.0% #CAD0C7	RGB 202 208 199	#CAD0C7
16.7%	16.7% #D2D4CB	RGB 210 212 203	#D2D4CB
33.3%	33.3% #D9D7CF	RGB 217 215 207	#D9D7CF
50.0%	50.0% #DDD7D3	RGB 221 215 211	#DDD7D3
66.7%	66.7% #E2D7D7	RGB 226 215 215	#E2D7D7
83.3%	83.3% #E6DBDF	RGB 230 219 223	#E6DBDF
100.0%	100.0% #EBDFE9	RGB 235 223 233	#EBDFE9

#CAD0C7 #D2D4CB #D9D7CF #DDD7D3 #E2D7D7 #E6DBDF #EBDFE9

#CAD0C7 - #DDD7D3 - #EBDFE9

CSS codes

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

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