#C7E0E9 - #CFECE1 | 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 #C7E0E9 to #CFECE1

#C7E0E9 #CFECE1

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

#C7E0E9 - #CFECE1 | 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 #C7E0E9 as 0% and #CFECE1 as 100%.

0.0%	0.0% #C7E0E9	RGB 199 224 233	#C7E0E9
16.7%	16.7% #C8E2E7	RGB 200 226 231	#C8E2E7
33.3%	33.3% #C9E4E6	RGB 201 228 230	#C9E4E6
50.0%	50.0% #CBE6E5	RGB 203 230 229	#CBE6E5
66.7%	66.7% #CCE8E3	RGB 204 232 227	#CCE8E3
83.3%	83.3% #CDEAE2	RGB 205 234 226	#CDEAE2
100.0%	100.0% #CFECE1	RGB 207 236 225	#CFECE1

#C7E0E9 #C8E2E7 #C9E4E6 #CBE6E5 #CCE8E3 #CDEAE2 #CFECE1

#C7E0E9 - #CFECE1

HSV Blend

#C7E0E9 - #CFECE1 | 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 #C7E0E9 as 0% and #CFECE1 as 100%.

0.0%	0.0% #C7E0E9	RGB 199 224 233	#C7E0E9
16.7%	16.7% #C8E4E9	RGB 200 228 233	#C8E4E9
33.3%	33.3% #C9E8EA	RGB 201 232 234	#C9E8EA
50.0%	50.0% #CAEAE8	RGB 202 234 232	#CAEAE8
66.7%	66.7% #CCEBE5	RGB 204 235 229	#CCEBE5
83.3%	83.3% #CDEBE3	RGB 205 235 227	#CDEBE3
100.0%	100.0% #CFECE1	RGB 207 236 225	#CFECE1

#C7E0E9 #C8E4E9 #C9E8EA #CAEAE8 #CCEBE5 #CDEBE3 #CFECE1

#C7E0E9 - #CAEAE8 - #CFECE1

CSS codes

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

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