#C4D4D1 - #CAE5CA | 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 #C4D4D1 to #CAE5CA

#C4D4D1 #CAE5CA

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

#C4D4D1 - #CAE5CA | 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 #C4D4D1 as 0% and #CAE5CA as 100%.

0.0%	0.0% #C4D4D1	RGB 196 212 209	#C4D4D1
16.7%	16.7% #C5D6CF	RGB 197 214 207	#C5D6CF
33.3%	33.3% #C6D9CE	RGB 198 217 206	#C6D9CE
50.0%	50.0% #C7DCCD	RGB 199 220 205	#C7DCCD
66.7%	66.7% #C8DFCC	RGB 200 223 204	#C8DFCC
83.3%	83.3% #C9E2CB	RGB 201 226 203	#C9E2CB
100.0%	100.0% #CAE5CA	RGB 202 229 202	#CAE5CA

#C4D4D1 #C5D6CF #C6D9CE #C7DCCD #C8DFCC #C9E2CB #CAE5CA

#C4D4D1 - #CAE5CA

HSV Blend

#C4D4D1 - #CAE5CA | 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 #C4D4D1 as 0% and #CAE5CA as 100%.

0.0%	0.0% #C4D4D1	RGB 196 212 209	#C4D4D1
16.7%	16.7% #C5D6D1	RGB 197 214 209	#C5D6D1
33.3%	33.3% #C6D9D0	RGB 198 217 208	#C6D9D0
50.0%	50.0% #C7DCCF	RGB 199 220 207	#C7DCCF
66.7%	66.7% #C8DFCE	RGB 200 223 206	#C8DFCE
83.3%	83.3% #C9E2CC	RGB 201 226 204	#C9E2CC
100.0%	100.0% #CAE5CA	RGB 202 229 202	#CAE5CA

#C4D4D1 #C5D6D1 #C6D9D0 #C7DCCF #C8DFCE #C9E2CC #CAE5CA

#C4D4D1 - #C7DCCF - #CAE5CA

CSS codes

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

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