#C8D8C8 - #E3FFF6 | 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 #C8D8C8 to #E3FFF6

#C8D8C8 #E3FFF6

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

#C8D8C8 - #E3FFF6 | 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 #C8D8C8 as 0% and #E3FFF6 as 100%.

0.0%	0.0% #C8D8C8	RGB 200 216 200	#C8D8C8
16.7%	16.7% #CCDECF	RGB 204 222 207	#CCDECF
33.3%	33.3% #D1E5D7	RGB 209 229 215	#D1E5D7
50.0%	50.0% #D5EBDF	RGB 213 235 223	#D5EBDF
66.7%	66.7% #DAF2E6	RGB 218 242 230	#DAF2E6
83.3%	83.3% #DEF8EE	RGB 222 248 238	#DEF8EE
100.0%	100.0% #E3FFF6	RGB 227 255 246	#E3FFF6

#C8D8C8 #CCDECF #D1E5D7 #D5EBDF #DAF2E6 #DEF8EE #E3FFF6

#C8D8C8 - #E3FFF6

HSV Blend

#C8D8C8 - #E3FFF6 | 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 #C8D8C8 as 0% and #E3FFF6 as 100%.

0.0%	0.0% #C8D8C8	RGB 200 216 200	#C8D8C8
16.7%	16.7% #CCDECE	RGB 204 222 206	#CCDECE
33.3%	33.3% #D1E5D5	RGB 209 229 213	#D1E5D5
50.0%	50.0% #D5EBDD	RGB 213 235 221	#D5EBDD
66.7%	66.7% #DAF2E5	RGB 218 242 229	#DAF2E5
83.3%	83.3% #DEF8ED	RGB 222 248 237	#DEF8ED
100.0%	100.0% #E3FFF6	RGB 227 255 246	#E3FFF6

#C8D8C8 #CCDECE #D1E5D5 #D5EBDD #DAF2E5 #DEF8ED #E3FFF6

#C8D8C8 - #D5EBDD - #E3FFF6

CSS codes

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

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