#C9D5E2 - #E4E3FF | 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 #C9D5E2 to #E4E3FF

#C9D5E2 #E4E3FF

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

#C9D5E2 - #E4E3FF | 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 #C9D5E2 as 0% and #E4E3FF as 100%.

0.0%	0.0% #C9D5E2	RGB 201 213 226	#C9D5E2
16.7%	16.7% #CDD7E6	RGB 205 215 230	#CDD7E6
33.3%	33.3% #D2D9EB	RGB 210 217 235	#D2D9EB
50.0%	50.0% #D6DCF0	RGB 214 220 240	#D6DCF0
66.7%	66.7% #DBDEF5	RGB 219 222 245	#DBDEF5
83.3%	83.3% #DFE0FA	RGB 223 224 250	#DFE0FA
100.0%	100.0% #E4E3FF	RGB 228 227 255	#E4E3FF

#C9D5E2 #CDD7E6 #D2D9EB #D6DCF0 #DBDEF5 #DFE0FA #E4E3FF

#C9D5E2 - #E4E3FF

HSV Blend

#C9D5E2 - #E4E3FF | 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 #C9D5E2 as 0% and #E4E3FF as 100%.

0.0%	0.0% #C9D5E2	RGB 201 213 226	#C9D5E2
16.7%	16.7% #CDD7E6	RGB 205 215 230	#CDD7E6
33.3%	33.3% #D1D9EB	RGB 209 217 235	#D1D9EB
50.0%	50.0% #D5DBF0	RGB 213 219 240	#D5DBF0
66.7%	66.7% #DADEF5	RGB 218 222 245	#DADEF5
83.3%	83.3% #DEE0FA	RGB 222 224 250	#DEE0FA
100.0%	100.0% #E4E3FF	RGB 228 227 255	#E4E3FF

#C9D5E2 #CDD7E6 #D1D9EB #D5DBF0 #DADEF5 #DEE0FA #E4E3FF

#C9D5E2 - #D5DBF0 - #E4E3FF

CSS codes

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

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