#C3CDE8 - #FFDEE2 | 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 #C3CDE8 to #FFDEE2

#C3CDE8 #FFDEE2

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

#C3CDE8 - #FFDEE2 | 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 #C3CDE8 as 0% and #FFDEE2 as 100%.

0.0%	0.0% #C3CDE8	RGB 195 205 232	#C3CDE8
16.7%	16.7% #CDCFE7	RGB 205 207 231	#CDCFE7
33.3%	33.3% #D7D2E6	RGB 215 210 230	#D7D2E6
50.0%	50.0% #E1D5E5	RGB 225 213 229	#E1D5E5
66.7%	66.7% #EBD8E4	RGB 235 216 228	#EBD8E4
83.3%	83.3% #F5DBE3	RGB 245 219 227	#F5DBE3
100.0%	100.0% #FFDEE2	RGB 255 222 226	#FFDEE2

#C3CDE8 #CDCFE7 #D7D2E6 #E1D5E5 #EBD8E4 #F5DBE3 #FFDEE2

#C3CDE8 - #FFDEE2

HSV Blend

#C3CDE8 - #FFDEE2 | 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 #C3CDE8 as 0% and #FFDEE2 as 100%.

0.0%	0.0% #C3CDE8	RGB 195 205 232	#C3CDE8
16.7%	16.7% #CAC7EB	RGB 202 199 235	#CAC7EB
33.3%	33.3% #DBCBEF	RGB 219 203 239	#DBCBEF
50.0%	50.0% #ECD0F3	RGB 236 208 243	#ECD0F3
66.7%	66.7% #F7D4F1	RGB 247 212 241	#F7D4F1
83.3%	83.3% #FBD9E9	RGB 251 217 233	#FBD9E9
100.0%	100.0% #FFDEE2	RGB 255 222 226	#FFDEE2

#C3CDE8 #CAC7EB #DBCBEF #ECD0F3 #F7D4F1 #FBD9E9 #FFDEE2

#C3CDE8 - #ECD0F3 - #FFDEE2

CSS codes

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

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