#C5C9F9 - #EEEFFD | 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 #C5C9F9 to #EEEFFD

#C5C9F9 #EEEFFD

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

#C5C9F9 - #EEEFFD | 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 #C5C9F9 as 0% and #EEEFFD as 100%.

0.0%	0.0% #C5C9F9	RGB 197 201 249	#C5C9F9
16.7%	16.7% #CBCFF9	RGB 203 207 249	#CBCFF9
33.3%	33.3% #D2D5FA	RGB 210 213 250	#D2D5FA
50.0%	50.0% #D9DCFB	RGB 217 220 251	#D9DCFB
66.7%	66.7% #E0E2FB	RGB 224 226 251	#E0E2FB
83.3%	83.3% #E7E8FC	RGB 231 232 252	#E7E8FC
100.0%	100.0% #EEEFFD	RGB 238 239 253	#EEEFFD

#C5C9F9 #CBCFF9 #D2D5FA #D9DCFB #E0E2FB #E7E8FC #EEEFFD

#C5C9F9 - #EEEFFD

HSV Blend

#C5C9F9 - #EEEFFD | 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 #C5C9F9 as 0% and #EEEFFD as 100%.

0.0%	0.0% #C5C9F9	RGB 197 201 249	#C5C9F9
16.7%	16.7% #CBCFF9	RGB 203 207 249	#CBCFF9
33.3%	33.3% #D2D5FA	RGB 210 213 250	#D2D5FA
50.0%	50.0% #D9DBFB	RGB 217 219 251	#D9DBFB
66.7%	66.7% #E0E2FB	RGB 224 226 251	#E0E2FB
83.3%	83.3% #E7E8FC	RGB 231 232 252	#E7E8FC
100.0%	100.0% #EEEFFD	RGB 238 239 253	#EEEFFD

#C5C9F9 #CBCFF9 #D2D5FA #D9DBFB #E0E2FB #E7E8FC #EEEFFD

#C5C9F9 - #D9DBFB - #EEEFFD

CSS codes

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

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