#C9EECF - #EFFAF0 | 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 #C9EECF to #EFFAF0

#C9EECF #EFFAF0

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

#C9EECF - #EFFAF0 | 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 #C9EECF as 0% and #EFFAF0 as 100%.

0.0%	0.0% #C9EECF	RGB 201 238 207	#C9EECF
16.7%	16.7% #CFF0D4	RGB 207 240 212	#CFF0D4
33.3%	33.3% #D5F2DA	RGB 213 242 218	#D5F2DA
50.0%	50.0% #DCF4DF	RGB 220 244 223	#DCF4DF
66.7%	66.7% #E2F6E5	RGB 226 246 229	#E2F6E5
83.3%	83.3% #E8F8EA	RGB 232 248 234	#E8F8EA
100.0%	100.0% #EFFAF0	RGB 239 250 240	#EFFAF0

#C9EECF #CFF0D4 #D5F2DA #DCF4DF #E2F6E5 #E8F8EA #EFFAF0

#C9EECF - #EFFAF0

HSV Blend

#C9EECF - #EFFAF0 | 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 #C9EECF as 0% and #EFFAF0 as 100%.

0.0%	0.0% #C9EECF	RGB 201 238 207	#C9EECF
16.7%	16.7% #CFF0D4	RGB 207 240 212	#CFF0D4
33.3%	33.3% #D5F2D9	RGB 213 242 217	#D5F2D9
50.0%	50.0% #DBF4DE	RGB 219 244 222	#DBF4DE
66.7%	66.7% #E2F6E4	RGB 226 246 228	#E2F6E4
83.3%	83.3% #E8F8EA	RGB 232 248 234	#E8F8EA
100.0%	100.0% #EFFAF0	RGB 239 250 240	#EFFAF0

#C9EECF #CFF0D4 #D5F2D9 #DBF4DE #E2F6E4 #E8F8EA #EFFAF0

#C9EECF - #DBF4DE - #EFFAF0

CSS codes

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

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