#CFD4ED - #FFE2E4 | 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 #CFD4ED to #FFE2E4

#CFD4ED #FFE2E4

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

#CFD4ED - #FFE2E4 | 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 #CFD4ED as 0% and #FFE2E4 as 100%.

0.0%	0.0% #CFD4ED	RGB 207 212 237	#CFD4ED
16.7%	16.7% #D7D6EB	RGB 215 214 235	#D7D6EB
33.3%	33.3% #DFD8EA	RGB 223 216 234	#DFD8EA
50.0%	50.0% #E7DBE8	RGB 231 219 232	#E7DBE8
66.7%	66.7% #EFDDE7	RGB 239 221 231	#EFDDE7
83.3%	83.3% #F7DFE5	RGB 247 223 229	#F7DFE5
100.0%	100.0% #FFE2E4	RGB 255 226 228	#FFE2E4

#CFD4ED #D7D6EB #DFD8EA #E7DBE8 #EFDDE7 #F7DFE5 #FFE2E4

#CFD4ED - #FFE2E4

HSV Blend

#CFD4ED - #FFE2E4 | 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 #CFD4ED as 0% and #FFE2E4 as 100%.

0.0%	0.0% #CFD4ED	RGB 207 212 237	#CFD4ED
16.7%	16.7% #D7D2F0	RGB 215 210 240	#D7D2F0
33.3%	33.3% #E5D5F3	RGB 229 213 243	#E5D5F3
50.0%	50.0% #F2D8F6	RGB 242 216 246	#F2D8F6
66.7%	66.7% #F9DBF2	RGB 249 219 242	#F9DBF2
83.3%	83.3% #FCDEEB	RGB 252 222 235	#FCDEEB
100.0%	100.0% #FFE2E4	RGB 255 226 228	#FFE2E4

#CFD4ED #D7D2F0 #E5D5F3 #F2D8F6 #F9DBF2 #FCDEEB #FFE2E4

#CFD4ED - #F2D8F6 - #FFE2E4

CSS codes

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

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