#CAD0D7 - #E5E6DF | 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 #CAD0D7 to #E5E6DF

#CAD0D7 #E5E6DF

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

#CAD0D7 - #E5E6DF | 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 #CAD0D7 as 0% and #E5E6DF as 100%.

0.0%	0.0% #CAD0D7	RGB 202 208 215	#CAD0D7
16.7%	16.7% #CED3D8	RGB 206 211 216	#CED3D8
33.3%	33.3% #D3D7D9	RGB 211 215 217	#D3D7D9
50.0%	50.0% #D7DBDB	RGB 215 219 219	#D7DBDB
66.7%	66.7% #DCDEDC	RGB 220 222 220	#DCDEDC
83.3%	83.3% #E0E2DD	RGB 224 226 221	#E0E2DD
100.0%	100.0% #E5E6DF	RGB 229 230 223	#E5E6DF

#CAD0D7 #CED3D8 #D3D7D9 #D7DBDB #DCDEDC #E0E2DD #E5E6DF

#CAD0D7 - #E5E6DF

HSV Blend

#CAD0D7 - #E5E6DF | 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 #CAD0D7 as 0% and #E5E6DF as 100%.

0.0%	0.0% #CAD0D7	RGB 202 208 215	#CAD0D7
16.7%	16.7% #CDD7D9	RGB 205 215 217	#CDD7D9
33.3%	33.3% #D0DCD9	RGB 208 220 217	#D0DCD9
50.0%	50.0% #D4DED7	RGB 212 222 215	#D4DED7
66.7%	66.7% #D8E1D7	RGB 216 225 215	#D8E1D7
83.3%	83.3% #DFE3DB	RGB 223 227 219	#DFE3DB
100.0%	100.0% #E5E6DF	RGB 229 230 223	#E5E6DF

#CAD0D7 #CDD7D9 #D0DCD9 #D4DED7 #D8E1D7 #DFE3DB #E5E6DF

#CAD0D7 - #D4DED7 - #E5E6DF

CSS codes

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

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