#C7D6EC - #CFE6E2 | 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 #C7D6EC to #CFE6E2

#C7D6EC #CFE6E2

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

#C7D6EC - #CFE6E2 | 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 #C7D6EC as 0% and #CFE6E2 as 100%.

0.0%	0.0% #C7D6EC	RGB 199 214 236	#C7D6EC
16.7%	16.7% #C8D8EA	RGB 200 216 234	#C8D8EA
33.3%	33.3% #C9DBE8	RGB 201 219 232	#C9DBE8
50.0%	50.0% #CBDEE7	RGB 203 222 231	#CBDEE7
66.7%	66.7% #CCE0E5	RGB 204 224 229	#CCE0E5
83.3%	83.3% #CDE3E3	RGB 205 227 227	#CDE3E3
100.0%	100.0% #CFE6E2	RGB 207 230 226	#CFE6E2

#C7D6EC #C8D8EA #C9DBE8 #CBDEE7 #CCE0E5 #CDE3E3 #CFE6E2

#C7D6EC - #CFE6E2

HSV Blend

#C7D6EC - #CFE6E2 | 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 #C7D6EC as 0% and #CFE6E2 as 100%.

0.0%	0.0% #C7D6EC	RGB 199 214 236	#C7D6EC
16.7%	16.7% #C8DAEB	RGB 200 218 235	#C8DAEB
33.3%	33.3% #C9DFEA	RGB 201 223 234	#C9DFEA
50.0%	50.0% #CBE2E9	RGB 203 226 233	#CBE2E9
66.7%	66.7% #CCE5E8	RGB 204 229 232	#CCE5E8
83.3%	83.3% #CDE7E5	RGB 205 231 229	#CDE7E5
100.0%	100.0% #CFE6E2	RGB 207 230 226	#CFE6E2

#C7D6EC #C8DAEB #C9DFEA #CBE2E9 #CCE5E8 #CDE7E5 #CFE6E2

#C7D6EC - #CBE2E9 - #CFE6E2

CSS codes

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

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