#C8D1C8 - #E2D7E3 | 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 #C8D1C8 to #E2D7E3

#C8D1C8 #E2D7E3

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

#C8D1C8 - #E2D7E3 | 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 #C8D1C8 as 0% and #E2D7E3 as 100%.

0.0%	0.0% #C8D1C8	RGB 200 209 200	#C8D1C8
16.7%	16.7% #CCD2CC	RGB 204 210 204	#CCD2CC
33.3%	33.3% #D0D3D1	RGB 208 211 209	#D0D3D1
50.0%	50.0% #D5D4D5	RGB 213 212 213	#D5D4D5
66.7%	66.7% #D9D5DA	RGB 217 213 218	#D9D5DA
83.3%	83.3% #DDD6DE	RGB 221 214 222	#DDD6DE
100.0%	100.0% #E2D7E3	RGB 226 215 227	#E2D7E3

#C8D1C8 #CCD2CC #D0D3D1 #D5D4D5 #D9D5DA #DDD6DE #E2D7E3

#C8D1C8 - #E2D7E3

HSV Blend

#C8D1C8 - #E2D7E3 | 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 #C8D1C8 as 0% and #E2D7E3 as 100%.

0.0%	0.0% #C8D1C8	RGB 200 209 200	#C8D1C8
16.7%	16.7% #CAD4CF	RGB 202 212 207	#CAD4CF
33.3%	33.3% #CDD7D6	RGB 205 215 214	#CDD7D6
50.0%	50.0% #CFD5DA	RGB 207 213 218	#CFD5DA
66.7%	66.7% #D2D2DD	RGB 210 210 221	#D2D2DD
83.3%	83.3% #D9D4E0	RGB 217 212 224	#D9D4E0
100.0%	100.0% #E2D7E3	RGB 226 215 227	#E2D7E3

#C8D1C8 #CAD4CF #CDD7D6 #CFD5DA #D2D2DD #D9D4E0 #E2D7E3

#C8D1C8 - #CFD5DA - #E2D7E3

CSS codes

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

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