#CFD2DA - #E2E3DB | 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 #CFD2DA to #E2E3DB

#CFD2DA #E2E3DB

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

#CFD2DA - #E2E3DB | 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 #CFD2DA as 0% and #E2E3DB as 100%.

0.0%	0.0% #CFD2DA	RGB 207 210 218	#CFD2DA
16.7%	16.7% #D2D4DA	RGB 210 212 218	#D2D4DA
33.3%	33.3% #D5D7DA	RGB 213 215 218	#D5D7DA
50.0%	50.0% #D8DADA	RGB 216 218 218	#D8DADA
66.7%	66.7% #DBDDDA	RGB 219 221 218	#DBDDDA
83.3%	83.3% #DEE0DA	RGB 222 224 218	#DEE0DA
100.0%	100.0% #E2E3DB	RGB 226 227 219	#E2E3DB

#CFD2DA #D2D4DA #D5D7DA #D8DADA #DBDDDA #DEE0DA #E2E3DB

#CFD2DA - #E2E3DB

HSV Blend

#CFD2DA - #E2E3DB | 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 #CFD2DA as 0% and #E2E3DB as 100%.

0.0%	0.0% #CFD2DA	RGB 207 210 218	#CFD2DA
16.7%	16.7% #D0D8DB	RGB 208 216 219	#D0D8DB
33.3%	33.3% #D2DDDB	RGB 210 221 219	#D2DDDB
50.0%	50.0% #D4DED9	RGB 212 222 217	#D4DED9
66.7%	66.7% #D7E0D6	RGB 215 224 214	#D7E0D6
83.3%	83.3% #DCE1D8	RGB 220 225 216	#DCE1D8
100.0%	100.0% #E2E3DB	RGB 226 227 219	#E2E3DB

#CFD2DA #D0D8DB #D2DDDB #D4DED9 #D7E0D6 #DCE1D8 #E2E3DB

#CFD2DA - #D4DED9 - #E2E3DB

CSS codes

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

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