#CECFD0 - #E6E6DB | 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 #CECFD0 to #E6E6DB

#CECFD0 #E6E6DB

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

#CECFD0 - #E6E6DB | 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 #CECFD0 as 0% and #E6E6DB as 100%.

0.0%	0.0% #CECFD0	RGB 206 207 208	#CECFD0
16.7%	16.7% #D2D2D1	RGB 210 210 209	#D2D2D1
33.3%	33.3% #D6D6D3	RGB 214 214 211	#D6D6D3
50.0%	50.0% #DADAD5	RGB 218 218 213	#DADAD5
66.7%	66.7% #DEDED7	RGB 222 222 215	#DEDED7
83.3%	83.3% #E2E2D9	RGB 226 226 217	#E2E2D9
100.0%	100.0% #E6E6DB	RGB 230 230 219	#E6E6DB

#CECFD0 #D2D2D1 #D6D6D3 #DADAD5 #DEDED7 #E2E2D9 #E6E6DB

#CECFD0 - #E6E6DB

HSV Blend

#CECFD0 - #E6E6DB | 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 #CECFD0 as 0% and #E6E6DB as 100%.

0.0%	0.0% #CECFD0	RGB 206 207 208	#CECFD0
16.7%	16.7% #D0D3D3	RGB 208 211 211	#D0D3D3
33.3%	33.3% #D2D7D5	RGB 210 215 213	#D2D7D5
50.0%	50.0% #D4DBD6	RGB 212 219 214	#D4DBD6
66.7%	66.7% #D8DED6	RGB 216 222 214	#D8DED6
83.3%	83.3% #DEE2D8	RGB 222 226 216	#DEE2D8
100.0%	100.0% #E6E6DB	RGB 230 230 219	#E6E6DB

#CECFD0 #D0D3D3 #D2D7D5 #D4DBD6 #D8DED6 #DEE2D8 #E6E6DB

#CECFD0 - #D4DBD6 - #E6E6DB

CSS codes

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

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