#C4CEC9 - #CFFFD1 | 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 #CFFFD1

#C4CEC9 #CFFFD1

Calculate the color between two colors, #C4CEC9 and #CFFFD1. 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 - #CFFFD1 | 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 #CFFFD1 as 100%.

0.0%	0.0% #C4CEC9	RGB 196 206 201	#C4CEC9
16.7%	16.7% #C5D6CA	RGB 197 214 202	#C5D6CA
33.3%	33.3% #C7DECB	RGB 199 222 203	#C7DECB
50.0%	50.0% #C9E6CD	RGB 201 230 205	#C9E6CD
66.7%	66.7% #CBEECE	RGB 203 238 206	#CBEECE
83.3%	83.3% #CDF6CF	RGB 205 246 207	#CDF6CF
100.0%	100.0% #CFFFD1	RGB 207 255 209	#CFFFD1

#C4CEC9 #C5D6CA #C7DECB #C9E6CD #CBEECE #CDF6CF #CFFFD1

#C4CEC9 - #CFFFD1

HSV Blend

#C4CEC9 - #CFFFD1 | 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 #CFFFD1 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% #C9DED0	RGB 201 222 208	#C9DED0
50.0%	50.0% #CBE6D2	RGB 203 230 210	#CBE6D2
66.7%	66.7% #CCEED3	RGB 204 238 211	#CCEED3
83.3%	83.3% #CEF6D2	RGB 206 246 210	#CEF6D2
100.0%	100.0% #CFFFD1	RGB 207 255 209	#CFFFD1

#C4CEC9 #C6D6CD #C9DED0 #CBE6D2 #CCEED3 #CEF6D2 #CFFFD1

#C4CEC9 - #CBE6D2 - #CFFFD1

CSS codes

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

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