#CEDAD4 - #E8FAFF | 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 #CEDAD4 to #E8FAFF

#CEDAD4 #E8FAFF

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

#CEDAD4 - #E8FAFF | 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 #CEDAD4 as 0% and #E8FAFF as 100%.

0.0%	0.0% #CEDAD4	RGB 206 218 212	#CEDAD4
16.7%	16.7% #D2DFDB	RGB 210 223 219	#D2DFDB
33.3%	33.3% #D6E4E2	RGB 214 228 226	#D6E4E2
50.0%	50.0% #DBEAE9	RGB 219 234 233	#DBEAE9
66.7%	66.7% #DFEFF0	RGB 223 239 240	#DFEFF0
83.3%	83.3% #E3F4F7	RGB 227 244 247	#E3F4F7
100.0%	100.0% #E8FAFF	RGB 232 250 255	#E8FAFF

#CEDAD4 #D2DFDB #D6E4E2 #DBEAE9 #DFEFF0 #E3F4F7 #E8FAFF

#CEDAD4 - #E8FAFF

HSV Blend

#CEDAD4 - #E8FAFF | 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 #CEDAD4 as 0% and #E8FAFF as 100%.

0.0%	0.0% #CEDAD4	RGB 206 218 212	#CEDAD4
16.7%	16.7% #D2E0DA	RGB 210 224 218	#D2E0DA
33.3%	33.3% #D6E6E2	RGB 214 230 226	#D6E6E2
50.0%	50.0% #DBECEA	RGB 219 236 234	#DBECEA
66.7%	66.7% #DFF2F2	RGB 223 242 242	#DFF2F2
83.3%	83.3% #E3F6F8	RGB 227 246 248	#E3F6F8
100.0%	100.0% #E8FAFF	RGB 232 250 255	#E8FAFF

#CEDAD4 #D2E0DA #D6E6E2 #DBECEA #DFF2F2 #E3F6F8 #E8FAFF

#CEDAD4 - #DBECEA - #E8FAFF

CSS codes

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

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