#C8D0C4 - #E7FFD3 | 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 #C8D0C4 to #E7FFD3

#C8D0C4 #E7FFD3

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

#C8D0C4 - #E7FFD3 | 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 #C8D0C4 as 0% and #E7FFD3 as 100%.

0.0%	0.0% #C8D0C4	RGB 200 208 196	#C8D0C4
16.7%	16.7% #CDD7C6	RGB 205 215 198	#CDD7C6
33.3%	33.3% #D2DFC9	RGB 210 223 201	#D2DFC9
50.0%	50.0% #D7E7CB	RGB 215 231 203	#D7E7CB
66.7%	66.7% #DCEFCE	RGB 220 239 206	#DCEFCE
83.3%	83.3% #E1F7D0	RGB 225 247 208	#E1F7D0
100.0%	100.0% #E7FFD3	RGB 231 255 211	#E7FFD3

#C8D0C4 #CDD7C6 #D2DFC9 #D7E7CB #DCEFCE #E1F7D0 #E7FFD3

#C8D0C4 - #E7FFD3

HSV Blend

#C8D0C4 - #E7FFD3 | 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 #C8D0C4 as 0% and #E7FFD3 as 100%.

0.0%	0.0% #C8D0C4	RGB 200 208 196	#C8D0C4
16.7%	16.7% #CDD7C7	RGB 205 215 199	#CDD7C7
33.3%	33.3% #D2DFCA	RGB 210 223 202	#D2DFCA
50.0%	50.0% #D7E7CC	RGB 215 231 204	#D7E7CC
66.7%	66.7% #DCEFCF	RGB 220 239 207	#DCEFCF
83.3%	83.3% #E1F7D1	RGB 225 247 209	#E1F7D1
100.0%	100.0% #E7FFD3	RGB 231 255 211	#E7FFD3

#C8D0C4 #CDD7C7 #D2DFCA #D7E7CC #DCEFCF #E1F7D1 #E7FFD3

#C8D0C4 - #D7E7CC - #E7FFD3

CSS codes

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

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