#C7DDD6 - #E8ECFF | 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 #C7DDD6 to #E8ECFF

#C7DDD6 #E8ECFF

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

#C7DDD6 - #E8ECFF | 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 #C7DDD6 as 0% and #E8ECFF as 100%.

0.0%	0.0% #C7DDD6	RGB 199 221 214	#C7DDD6
16.7%	16.7% #CCDFDC	RGB 204 223 220	#CCDFDC
33.3%	33.3% #D2E2E3	RGB 210 226 227	#D2E2E3
50.0%	50.0% #D7E4EA	RGB 215 228 234	#D7E4EA
66.7%	66.7% #DDE7F1	RGB 221 231 241	#DDE7F1
83.3%	83.3% #E2E9F8	RGB 226 233 248	#E2E9F8
100.0%	100.0% #E8ECFF	RGB 232 236 255	#E8ECFF

#C7DDD6 #CCDFDC #D2E2E3 #D7E4EA #DDE7F1 #E2E9F8 #E8ECFF

#C7DDD6 - #E8ECFF

HSV Blend

#C7DDD6 - #E8ECFF | 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 #C7DDD6 as 0% and #E8ECFF as 100%.

0.0%	0.0% #C7DDD6	RGB 199 221 214	#C7DDD6
16.7%	16.7% #CCE2DF	RGB 204 226 223	#CCE2DF
33.3%	33.3% #D1E6E8	RGB 209 230 232	#D1E6E8
50.0%	50.0% #D7E8EE	RGB 215 232 238	#D7E8EE
66.7%	66.7% #DCE9F3	RGB 220 233 243	#DCE9F3
83.3%	83.3% #E2EAF9	RGB 226 234 249	#E2EAF9
100.0%	100.0% #E8ECFF	RGB 232 236 255	#E8ECFF

#C7DDD6 #CCE2DF #D1E6E8 #D7E8EE #DCE9F3 #E2EAF9 #E8ECFF

#C7DDD6 - #D7E8EE - #E8ECFF

CSS codes

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

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