#C8C0D0 - #D6DED2 | 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 #C8C0D0 to #D6DED2

#C8C0D0 #D6DED2

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

#C8C0D0 - #D6DED2 | 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 #C8C0D0 as 0% and #D6DED2 as 100%.

0.0%	0.0% #C8C0D0	RGB 200 192 208	#C8C0D0
16.7%	16.7% #CAC5D0	RGB 202 197 208	#CAC5D0
33.3%	33.3% #CCCAD0	RGB 204 202 208	#CCCAD0
50.0%	50.0% #CFCFD1	RGB 207 207 209	#CFCFD1
66.7%	66.7% #D1D4D1	RGB 209 212 209	#D1D4D1
83.3%	83.3% #D3D9D1	RGB 211 217 209	#D3D9D1
100.0%	100.0% #D6DED2	RGB 214 222 210	#D6DED2

#C8C0D0 #CAC5D0 #CCCAD0 #CFCFD1 #D1D4D1 #D3D9D1 #D6DED2

#C8C0D0 - #D6DED2

HSV Blend

#C8C0D0 - #D6DED2 | 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 #C8C0D0 as 0% and #D6DED2 as 100%.

0.0%	0.0% #C8C0D0	RGB 200 192 208	#C8C0D0
16.7%	16.7% #C3C2D2	RGB 195 194 210	#C3C2D2
33.3%	33.3% #C5CCD4	RGB 197 204 212	#C5CCD4
50.0%	50.0% #C8D5D7	RGB 200 213 215	#C8D5D7
66.7%	66.7% #CBD9D4	RGB 203 217 212	#CBD9D4
83.3%	83.3% #CEDBD0	RGB 206 219 208	#CEDBD0
100.0%	100.0% #D6DED2	RGB 214 222 210	#D6DED2

#C8C0D0 #C3C2D2 #C5CCD4 #C8D5D7 #CBD9D4 #CEDBD0 #D6DED2

#C8C0D0 - #C8D5D7 - #D6DED2

CSS codes

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

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