#C2D1CF - #CAEAC8 | 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 #C2D1CF to #CAEAC8

#C2D1CF #CAEAC8

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

#C2D1CF - #CAEAC8 | 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 #C2D1CF as 0% and #CAEAC8 as 100%.

0.0%	0.0% #C2D1CF	RGB 194 209 207	#C2D1CF
16.7%	16.7% #C3D5CD	RGB 195 213 205	#C3D5CD
33.3%	33.3% #C4D9CC	RGB 196 217 204	#C4D9CC
50.0%	50.0% #C6DDCB	RGB 198 221 203	#C6DDCB
66.7%	66.7% #C7E1CA	RGB 199 225 202	#C7E1CA
83.3%	83.3% #C8E5C9	RGB 200 229 201	#C8E5C9
100.0%	100.0% #CAEAC8	RGB 202 234 200	#CAEAC8

#C2D1CF #C3D5CD #C4D9CC #C6DDCB #C7E1CA #C8E5C9 #CAEAC8

#C2D1CF - #CAEAC8

HSV Blend

#C2D1CF - #CAEAC8 | 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 #C2D1CF as 0% and #CAEAC8 as 100%.

0.0%	0.0% #C2D1CF	RGB 194 209 207	#C2D1CF
16.7%	16.7% #C3D5D0	RGB 195 213 208	#C3D5D0
33.3%	33.3% #C4D9D0	RGB 196 217 208	#C4D9D0
50.0%	50.0% #C5DDCF	RGB 197 221 207	#C5DDCF
66.7%	66.7% #C6E1CD	RGB 198 225 205	#C6E1CD
83.3%	83.3% #C7E5CA	RGB 199 229 202	#C7E5CA
100.0%	100.0% #CAEAC8	RGB 202 234 200	#CAEAC8

#C2D1CF #C3D5D0 #C4D9D0 #C5DDCF #C6E1CD #C7E5CA #CAEAC8

#C2D1CF - #C5DDCF - #CAEAC8

CSS codes

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

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