#C4CEC9 - #CFFFD5 | 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 #C4CEC9 to #CFFFD5

#C4CEC9 #CFFFD5

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

#C4CEC9 - #CFFFD5 | 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 #C4CEC9 as 0% and #CFFFD5 as 100%.

0.0%	0.0% #C4CEC9	RGB 196 206 201	#C4CEC9
16.7%	16.7% #C5D6CB	RGB 197 214 203	#C5D6CB
33.3%	33.3% #C7DECD	RGB 199 222 205	#C7DECD
50.0%	50.0% #C9E6CF	RGB 201 230 207	#C9E6CF
66.7%	66.7% #CBEED1	RGB 203 238 209	#CBEED1
83.3%	83.3% #CDF6D3	RGB 205 246 211	#CDF6D3
100.0%	100.0% #CFFFD5	RGB 207 255 213	#CFFFD5

#C4CEC9 #C5D6CB #C7DECD #C9E6CF #CBEED1 #CDF6D3 #CFFFD5

#C4CEC9 - #CFFFD5

HSV Blend

#C4CEC9 - #CFFFD5 | 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 #C4CEC9 as 0% and #CFFFD5 as 100%.

0.0%	0.0% #C4CEC9	RGB 196 206 201	#C4CEC9
16.7%	16.7% #C6D6CD	RGB 198 214 205	#C6D6CD
33.3%	33.3% #C9DED1	RGB 201 222 209	#C9DED1
50.0%	50.0% #CBE6D3	RGB 203 230 211	#CBE6D3
66.7%	66.7% #CCEED5	RGB 204 238 213	#CCEED5
83.3%	83.3% #CEF6D5	RGB 206 246 213	#CEF6D5
100.0%	100.0% #CFFFD5	RGB 207 255 213	#CFFFD5

#C4CEC9 #C6D6CD #C9DED1 #CBE6D3 #CCEED5 #CEF6D5 #CFFFD5

#C4CEC9 - #CBE6D3 - #CFFFD5

CSS codes

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

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