#C4C8D4 - #CAE5E2 | 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 #C4C8D4 to #CAE5E2

#C4C8D4 #CAE5E2

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

#C4C8D4 - #CAE5E2 | 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 #C4C8D4 as 0% and #CAE5E2 as 100%.

0.0%	0.0% #C4C8D4	RGB 196 200 212	#C4C8D4
16.7%	16.7% #C5CCD6	RGB 197 204 214	#C5CCD6
33.3%	33.3% #C6D1D8	RGB 198 209 216	#C6D1D8
50.0%	50.0% #C7D6DB	RGB 199 214 219	#C7D6DB
66.7%	66.7% #C8DBDD	RGB 200 219 221	#C8DBDD
83.3%	83.3% #C9E0DF	RGB 201 224 223	#C9E0DF
100.0%	100.0% #CAE5E2	RGB 202 229 226	#CAE5E2

#C4C8D4 #C5CCD6 #C6D1D8 #C7D6DB #C8DBDD #C9E0DF #CAE5E2

#C4C8D4 - #CAE5E2

HSV Blend

#C4C8D4 - #CAE5E2 | 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 #C4C8D4 as 0% and #CAE5E2 as 100%.

0.0%	0.0% #C4C8D4	RGB 196 200 212	#C4C8D4
16.7%	16.7% #C5CCD6	RGB 197 204 214	#C5CCD6
33.3%	33.3% #C6D0D9	RGB 198 208 217	#C6D0D9
50.0%	50.0% #C7D5DC	RGB 199 213 220	#C7D5DC
66.7%	66.7% #C8DBDF	RGB 200 219 223	#C8DBDF
83.3%	83.3% #C9E1E2	RGB 201 225 226	#C9E1E2
100.0%	100.0% #CAE5E2	RGB 202 229 226	#CAE5E2

#C4C8D4 #C5CCD6 #C6D0D9 #C7D5DC #C8DBDF #C9E1E2 #CAE5E2

#C4C8D4 - #C7D5DC - #CAE5E2

CSS codes

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

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