#C4CCC4 - #C0D9FF | 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 #C4CCC4 to #C0D9FF

#C4CCC4 #C0D9FF

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

#C4CCC4 - #C0D9FF | 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 #C4CCC4 as 0% and #C0D9FF as 100%.

0.0%	0.0% #C4CCC4	RGB 196 204 196	#C4CCC4
16.7%	16.7% #C3CECD	RGB 195 206 205	#C3CECD
33.3%	33.3% #C2D0D7	RGB 194 208 215	#C2D0D7
50.0%	50.0% #C2D2E1	RGB 194 210 225	#C2D2E1
66.7%	66.7% #C1D4EB	RGB 193 212 235	#C1D4EB
83.3%	83.3% #C0D6F5	RGB 192 214 245	#C0D6F5
100.0%	100.0% #C0D9FF	RGB 192 217 255	#C0D9FF

#C4CCC4 #C3CECD #C2D0D7 #C2D2E1 #C1D4EB #C0D6F5 #C0D9FF

#C4CCC4 - #C0D9FF

HSV Blend

#C4CCC4 - #C0D9FF | 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 #C4CCC4 as 0% and #C0D9FF as 100%.

0.0%	0.0% #C4CCC4	RGB 196 204 196	#C4CCC4
16.7%	16.7% #C4D4C8	RGB 196 212 200	#C4D4C8
33.3%	33.3% #C5DDD1	RGB 197 221 209	#C5DDD1
50.0%	50.0% #C4E5DE	RGB 196 229 222	#C4E5DE
66.7%	66.7% #C3EBEE	RGB 195 235 238	#C3EBEE
83.3%	83.3% #C2E4F6	RGB 194 228 246	#C2E4F6
100.0%	100.0% #C0D9FF	RGB 192 217 255	#C0D9FF

#C4CCC4 #C4D4C8 #C5DDD1 #C4E5DE #C3EBEE #C2E4F6 #C0D9FF

#C4CCC4 - #C4E5DE - #C0D9FF

CSS codes

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

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