#C7E1EC - #CFE6DB | 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 #C7E1EC to #CFE6DB

#C7E1EC #CFE6DB

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

#C7E1EC - #CFE6DB | 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 #C7E1EC as 0% and #CFE6DB as 100%.

0.0%	0.0% #C7E1EC	RGB 199 225 236	#C7E1EC
16.7%	16.7% #C8E1E9	RGB 200 225 233	#C8E1E9
33.3%	33.3% #C9E2E6	RGB 201 226 230	#C9E2E6
50.0%	50.0% #CBE3E3	RGB 203 227 227	#CBE3E3
66.7%	66.7% #CCE4E0	RGB 204 228 224	#CCE4E0
83.3%	83.3% #CDE5DD	RGB 205 229 221	#CDE5DD
100.0%	100.0% #CFE6DB	RGB 207 230 219	#CFE6DB

#C7E1EC #C8E1E9 #C9E2E6 #CBE3E3 #CCE4E0 #CDE5DD #CFE6DB

#C7E1EC - #CFE6DB

HSV Blend

#C7E1EC - #CFE6DB | 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 #C7E1EC as 0% and #CFE6DB as 100%.

0.0%	0.0% #C7E1EC	RGB 199 225 236	#C7E1EC
16.7%	16.7% #C8E5EB	RGB 200 229 235	#C8E5EB
33.3%	33.3% #C9E8EA	RGB 201 232 234	#C9E8EA
50.0%	50.0% #CBE9E6	RGB 203 233 230	#CBE9E6
66.7%	66.7% #CCE8E1	RGB 204 232 225	#CCE8E1
83.3%	83.3% #CDE7DE	RGB 205 231 222	#CDE7DE
100.0%	100.0% #CFE6DB	RGB 207 230 219	#CFE6DB

#C7E1EC #C8E5EB #C9E8EA #CBE9E6 #CCE8E1 #CDE7DE #CFE6DB

#C7E1EC - #CBE9E6 - #CFE6DB

CSS codes

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

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