#CDE2FE - #F0EAF6 | 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 #CDE2FE to #F0EAF6

#CDE2FE #F0EAF6

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

#CDE2FE - #F0EAF6 | 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 #CDE2FE as 0% and #F0EAF6 as 100%.

0.0%	0.0% #CDE2FE	RGB 205 226 254	#CDE2FE
16.7%	16.7% #D2E3FC	RGB 210 227 252	#D2E3FC
33.3%	33.3% #D8E4FB	RGB 216 228 251	#D8E4FB
50.0%	50.0% #DEE6FA	RGB 222 230 250	#DEE6FA
66.7%	66.7% #E4E7F8	RGB 228 231 248	#E4E7F8
83.3%	83.3% #EAE8F7	RGB 234 232 247	#EAE8F7
100.0%	100.0% #F0EAF6	RGB 240 234 246	#F0EAF6

#CDE2FE #D2E3FC #D8E4FB #DEE6FA #E4E7F8 #EAE8F7 #F0EAF6

#CDE2FE - #F0EAF6

HSV Blend

#CDE2FE - #F0EAF6 | 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 #CDE2FE as 0% and #F0EAF6 as 100%.

0.0%	0.0% #CDE2FE	RGB 205 226 254	#CDE2FE
16.7%	16.7% #D1DDFC	RGB 209 221 252	#D1DDFC
33.3%	33.3% #D6DBFB	RGB 214 219 251	#D6DBFB
50.0%	50.0% #DCDBFA	RGB 220 219 250	#DCDBFA
66.7%	66.7% #E5E0F8	RGB 229 224 248	#E5E0F8
83.3%	83.3% #EBE5F7	RGB 235 229 247	#EBE5F7
100.0%	100.0% #F0EAF6	RGB 240 234 246	#F0EAF6

#CDE2FE #D1DDFC #D6DBFB #DCDBFA #E5E0F8 #EBE5F7 #F0EAF6

#CDE2FE - #DCDBFA - #F0EAF6

CSS codes

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

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