#CAD1D8 - #E6E6DF | 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 #CAD1D8 to #E6E6DF

#CAD1D8 #E6E6DF

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

#CAD1D8 - #E6E6DF | 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 #CAD1D8 as 0% and #E6E6DF as 100%.

0.0%	0.0% #CAD1D8	RGB 202 209 216	#CAD1D8
16.7%	16.7% #CED4D9	RGB 206 212 217	#CED4D9
33.3%	33.3% #D3D8DA	RGB 211 216 218	#D3D8DA
50.0%	50.0% #D8DBDB	RGB 216 219 219	#D8DBDB
66.7%	66.7% #DCDFDC	RGB 220 223 220	#DCDFDC
83.3%	83.3% #E1E2DD	RGB 225 226 221	#E1E2DD
100.0%	100.0% #E6E6DF	RGB 230 230 223	#E6E6DF

#CAD1D8 #CED4D9 #D3D8DA #D8DBDB #DCDFDC #E1E2DD #E6E6DF

#CAD1D8 - #E6E6DF

HSV Blend

#CAD1D8 - #E6E6DF | 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 #CAD1D8 as 0% and #E6E6DF as 100%.

0.0%	0.0% #CAD1D8	RGB 202 209 216	#CAD1D8
16.7%	16.7% #CDD9DA	RGB 205 217 218	#CDD9DA
33.3%	33.3% #D0DCD8	RGB 208 220 216	#D0DCD8
50.0%	50.0% #D4DFD7	RGB 212 223 215	#D4DFD7
66.7%	66.7% #D9E1D7	RGB 217 225 215	#D9E1D7
83.3%	83.3% #E0E3DB	RGB 224 227 219	#E0E3DB
100.0%	100.0% #E6E6DF	RGB 230 230 223	#E6E6DF

#CAD1D8 #CDD9DA #D0DCD8 #D4DFD7 #D9E1D7 #E0E3DB #E6E6DF

#CAD1D8 - #D4DFD7 - #E6E6DF

CSS codes

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

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