#C4DFEC - #FFE2EF | 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 #C4DFEC to #FFE2EF

#C4DFEC #FFE2EF

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

#C4DFEC - #FFE2EF | 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 #C4DFEC as 0% and #FFE2EF as 100%.

0.0%	0.0% #C4DFEC	RGB 196 223 236	#C4DFEC
16.7%	16.7% #CDDFEC	RGB 205 223 236	#CDDFEC
33.3%	33.3% #D7E0ED	RGB 215 224 237	#D7E0ED
50.0%	50.0% #E1E0ED	RGB 225 224 237	#E1E0ED
66.7%	66.7% #EBE1EE	RGB 235 225 238	#EBE1EE
83.3%	83.3% #F5E1EE	RGB 245 225 238	#F5E1EE
100.0%	100.0% #FFE2EF	RGB 255 226 239	#FFE2EF

#C4DFEC #CDDFEC #D7E0ED #E1E0ED #EBE1EE #F5E1EE #FFE2EF

#C4DFEC - #FFE2EF

HSV Blend

#C4DFEC - #FFE2EF | 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 #C4DFEC as 0% and #FFE2EF as 100%.

0.0%	0.0% #C4DFEC	RGB 196 223 236	#C4DFEC
16.7%	16.7% #C8D4EF	RGB 200 212 239	#C8D4EF
33.3%	33.3% #D0CDF2	RGB 208 205 242	#D0CDF2
50.0%	50.0% #E1D2F5	RGB 225 210 245	#E1D2F5
66.7%	66.7% #F2D7F8	RGB 242 215 248	#F2D7F8
83.3%	83.3% #FBDCF6	RGB 251 220 246	#FBDCF6
100.0%	100.0% #FFE2EF	RGB 255 226 239	#FFE2EF

#C4DFEC #C8D4EF #D0CDF2 #E1D2F5 #F2D7F8 #FBDCF6 #FFE2EF

#C4DFEC - #E1D2F5 - #FFE2EF

CSS codes

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

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