#CFD1D4 - #E6E7DF | 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 #CFD1D4 to #E6E7DF

#CFD1D4 #E6E7DF

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

#CFD1D4 - #E6E7DF | 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 #CFD1D4 as 0% and #E6E7DF as 100%.

0.0%	0.0% #CFD1D4	RGB 207 209 212	#CFD1D4
16.7%	16.7% #D2D4D5	RGB 210 212 213	#D2D4D5
33.3%	33.3% #D6D8D7	RGB 214 216 215	#D6D8D7
50.0%	50.0% #DADCD9	RGB 218 220 217	#DADCD9
66.7%	66.7% #DEDFDB	RGB 222 223 219	#DEDFDB
83.3%	83.3% #E2E3DD	RGB 226 227 221	#E2E3DD
100.0%	100.0% #E6E7DF	RGB 230 231 223	#E6E7DF

#CFD1D4 #D2D4D5 #D6D8D7 #DADCD9 #DEDFDB #E2E3DD #E6E7DF

#CFD1D4 - #E6E7DF

HSV Blend

#CFD1D4 - #E6E7DF | 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 #CFD1D4 as 0% and #E6E7DF as 100%.

0.0%	0.0% #CFD1D4	RGB 207 209 212	#CFD1D4
16.7%	16.7% #D1D6D7	RGB 209 214 215	#D1D6D7
33.3%	33.3% #D4DAD8	RGB 212 218 216	#D4DAD8
50.0%	50.0% #D7DDD9	RGB 215 221 217	#D7DDD9
66.7%	66.7% #DAE0D9	RGB 218 224 217	#DAE0D9
83.3%	83.3% #DFE3DC	RGB 223 227 220	#DFE3DC
100.0%	100.0% #E6E7DF	RGB 230 231 223	#E6E7DF

#CFD1D4 #D1D6D7 #D4DAD8 #D7DDD9 #DAE0D9 #DFE3DC #E6E7DF

#CFD1D4 - #D7DDD9 - #E6E7DF

CSS codes

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

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