#CDD2E2 - #F5E3FF | 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 #CDD2E2 to #F5E3FF

#CDD2E2 #F5E3FF

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

#CDD2E2 - #F5E3FF | 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 #CDD2E2 as 0% and #F5E3FF as 100%.

0.0%	0.0% #CDD2E2	RGB 205 210 226	#CDD2E2
16.7%	16.7% #D3D4E6	RGB 211 212 230	#D3D4E6
33.3%	33.3% #DAD7EB	RGB 218 215 235	#DAD7EB
50.0%	50.0% #E1DAF0	RGB 225 218 240	#E1DAF0
66.7%	66.7% #E7DDF5	RGB 231 221 245	#E7DDF5
83.3%	83.3% #EEE0FA	RGB 238 224 250	#EEE0FA
100.0%	100.0% #F5E3FF	RGB 245 227 255	#F5E3FF

#CDD2E2 #D3D4E6 #DAD7EB #E1DAF0 #E7DDF5 #EEE0FA #F5E3FF

#CDD2E2 - #F5E3FF

HSV Blend

#CDD2E2 - #F5E3FF | 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 #CDD2E2 as 0% and #F5E3FF as 100%.

0.0%	0.0% #CDD2E2	RGB 205 210 226	#CDD2E2
16.7%	16.7% #D0D2E6	RGB 208 210 230	#D0D2E6
33.3%	33.3% #D5D4EB	RGB 213 212 235	#D5D4EB
50.0%	50.0% #DDD8F0	RGB 221 216 240	#DDD8F0
66.7%	66.7% #E4DBF5	RGB 228 219 245	#E4DBF5
83.3%	83.3% #ECDFFA	RGB 236 223 250	#ECDFFA
100.0%	100.0% #F5E3FF	RGB 245 227 255	#F5E3FF

#CDD2E2 #D0D2E6 #D5D4EB #DDD8F0 #E4DBF5 #ECDFFA #F5E3FF

#CDD2E2 - #DDD8F0 - #F5E3FF

CSS codes

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

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