#C4D2D4 - #CAE5D2 | 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 #C4D2D4 to #CAE5D2

#C4D2D4 #CAE5D2

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

#C4D2D4 - #CAE5D2 | 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 #C4D2D4 as 0% and #CAE5D2 as 100%.

0.0%	0.0% #C4D2D4	RGB 196 210 212	#C4D2D4
16.7%	16.7% #C5D5D3	RGB 197 213 211	#C5D5D3
33.3%	33.3% #C6D8D3	RGB 198 216 211	#C6D8D3
50.0%	50.0% #C7DBD3	RGB 199 219 211	#C7DBD3
66.7%	66.7% #C8DED2	RGB 200 222 210	#C8DED2
83.3%	83.3% #C9E1D2	RGB 201 225 210	#C9E1D2
100.0%	100.0% #CAE5D2	RGB 202 229 210	#CAE5D2

#C4D2D4 #C5D5D3 #C6D8D3 #C7DBD3 #C8DED2 #C9E1D2 #CAE5D2

#C4D2D4 - #CAE5D2

HSV Blend

#C4D2D4 - #CAE5D2 | 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 #C4D2D4 as 0% and #CAE5D2 as 100%.

0.0%	0.0% #C4D2D4	RGB 196 210 212	#C4D2D4
16.7%	16.7% #C5D6D6	RGB 197 214 214	#C5D6D6
33.3%	33.3% #C6D9D6	RGB 198 217 214	#C6D9D6
50.0%	50.0% #C7DCD6	RGB 199 220 214	#C7DCD6
66.7%	66.7% #C8DFD5	RGB 200 223 213	#C8DFD5
83.3%	83.3% #C9E2D3	RGB 201 226 211	#C9E2D3
100.0%	100.0% #CAE5D2	RGB 202 229 210	#CAE5D2

#C4D2D4 #C5D6D6 #C6D9D6 #C7DCD6 #C8DFD5 #C9E2D3 #CAE5D2

#C4D2D4 - #C7DCD6 - #CAE5D2

CSS codes

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

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