#C0DCD3 - #D1E6CB | 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 #C0DCD3 to #D1E6CB

#C0DCD3 #D1E6CB

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

#C0DCD3 - #D1E6CB | 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 #C0DCD3 as 0% and #D1E6CB as 100%.

0.0%	0.0% #C0DCD3	RGB 192 220 211	#C0DCD3
16.7%	16.7% #C2DDD1	RGB 194 221 209	#C2DDD1
33.3%	33.3% #C5DFD0	RGB 197 223 208	#C5DFD0
50.0%	50.0% #C8E1CF	RGB 200 225 207	#C8E1CF
66.7%	66.7% #CBE2CD	RGB 203 226 205	#CBE2CD
83.3%	83.3% #CEE4CC	RGB 206 228 204	#CEE4CC
100.0%	100.0% #D1E6CB	RGB 209 230 203	#D1E6CB

#C0DCD3 #C2DDD1 #C5DFD0 #C8E1CF #CBE2CD #CEE4CC #D1E6CB

#C0DCD3 - #D1E6CB

HSV Blend

#C0DCD3 - #D1E6CB | 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 #C0DCD3 as 0% and #D1E6CB as 100%.

0.0%	0.0% #C0DCD3	RGB 192 220 211	#C0DCD3
16.7%	16.7% #C1DDD0	RGB 193 221 208	#C1DDD0
33.3%	33.3% #C3DFCE	RGB 195 223 206	#C3DFCE
50.0%	50.0% #C5E1CB	RGB 197 225 203	#C5E1CB
66.7%	66.7% #C7E2C9	RGB 199 226 201	#C7E2C9
83.3%	83.3% #CBE4C9	RGB 203 228 201	#CBE4C9
100.0%	100.0% #D1E6CB	RGB 209 230 203	#D1E6CB

#C0DCD3 #C1DDD0 #C3DFCE #C5E1CB #C7E2C9 #CBE4C9 #D1E6CB

#C0DCD3 - #C5E1CB - #D1E6CB

CSS codes

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

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