#CDF1FE - #EDEAF6 | 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 #CDF1FE to #EDEAF6

#CDF1FE #EDEAF6

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

#CDF1FE - #EDEAF6 | 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 #CDF1FE as 0% and #EDEAF6 as 100%.

0.0%	0.0% #CDF1FE	RGB 205 241 254	#CDF1FE
16.7%	16.7% #D2EFFC	RGB 210 239 252	#D2EFFC
33.3%	33.3% #D7EEFB	RGB 215 238 251	#D7EEFB
50.0%	50.0% #DDEDFA	RGB 221 237 250	#DDEDFA
66.7%	66.7% #E2ECF8	RGB 226 236 248	#E2ECF8
83.3%	83.3% #E7EBF7	RGB 231 235 247	#E7EBF7
100.0%	100.0% #EDEAF6	RGB 237 234 246	#EDEAF6

#CDF1FE #D2EFFC #D7EEFB #DDEDFA #E2ECF8 #E7EBF7 #EDEAF6

#CDF1FE - #EDEAF6

HSV Blend

#CDF1FE - #EDEAF6 | 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 #CDF1FE as 0% and #EDEAF6 as 100%.

0.0%	0.0% #CDF1FE	RGB 205 241 254	#CDF1FE
16.7%	16.7% #D1EAFC	RGB 209 234 252	#D1EAFC
33.3%	33.3% #D6E5FB	RGB 214 229 251	#D6E5FB
50.0%	50.0% #DBE3FA	RGB 219 227 250	#DBE3FA
66.7%	66.7% #E0E2F8	RGB 224 226 248	#E0E2F8
83.3%	83.3% #E6E5F7	RGB 230 229 247	#E6E5F7
100.0%	100.0% #EDEAF6	RGB 237 234 246	#EDEAF6

#CDF1FE #D1EAFC #D6E5FB #DBE3FA #E0E2F8 #E6E5F7 #EDEAF6

#CDF1FE - #DBE3FA - #EDEAF6

CSS codes

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

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