#C4C5C7 - #CEFEFF | 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 #C4C5C7 to #CEFEFF

#C4C5C7 #CEFEFF

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

#C4C5C7 - #CEFEFF | 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 #C4C5C7 as 0% and #CEFEFF as 100%.

0.0%	0.0% #C4C5C7	RGB 196 197 199	#C4C5C7
16.7%	16.7% #C5CED0	RGB 197 206 208	#C5CED0
33.3%	33.3% #C7D8D9	RGB 199 216 217	#C7D8D9
50.0%	50.0% #C9E1E3	RGB 201 225 227	#C9E1E3
66.7%	66.7% #CAEBEC	RGB 202 235 236	#CAEBEC
83.3%	83.3% #CCF4F5	RGB 204 244 245	#CCF4F5
100.0%	100.0% #CEFEFF	RGB 206 254 255	#CEFEFF

#C4C5C7 #C5CED0 #C7D8D9 #C9E1E3 #CAEBEC #CCF4F5 #CEFEFF

#C4C5C7 - #CEFEFF

HSV Blend

#C4C5C7 - #CEFEFF | 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 #C4C5C7 as 0% and #CEFEFF as 100%.

0.0%	0.0% #C4C5C7	RGB 196 197 199	#C4C5C7
16.7%	16.7% #C7CBD0	RGB 199 203 208	#C7CBD0
33.3%	33.3% #C9D2D9	RGB 201 210 217	#C9D2D9
50.0%	50.0% #CBDAE3	RGB 203 218 227	#CBDAE3
66.7%	66.7% #CCE4EC	RGB 204 228 236	#CCE4EC
83.3%	83.3% #CDF0F5	RGB 205 240 245	#CDF0F5
100.0%	100.0% #CEFEFF	RGB 206 254 255	#CEFEFF

#C4C5C7 #C7CBD0 #C9D2D9 #CBDAE3 #CCE4EC #CDF0F5 #CEFEFF

#C4C5C7 - #CBDAE3 - #CEFEFF

CSS codes

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

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