#C8C8CB - #E1E5D4 | 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 #C8C8CB to #E1E5D4

#C8C8CB #E1E5D4

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

#C8C8CB - #E1E5D4 | 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 #C8C8CB as 0% and #E1E5D4 as 100%.

0.0%	0.0% #C8C8CB	RGB 200 200 203	#C8C8CB
16.7%	16.7% #CCCCCC	RGB 204 204 204	#CCCCCC
33.3%	33.3% #D0D1CE	RGB 208 209 206	#D0D1CE
50.0%	50.0% #D4D6CF	RGB 212 214 207	#D4D6CF
66.7%	66.7% #D8DBD1	RGB 216 219 209	#D8DBD1
83.3%	83.3% #DCE0D2	RGB 220 224 210	#DCE0D2
100.0%	100.0% #E1E5D4	RGB 225 229 212	#E1E5D4

#C8C8CB #CCCCCC #D0D1CE #D4D6CF #D8DBD1 #DCE0D2 #E1E5D4

#C8C8CB - #E1E5D4

HSV Blend

#C8C8CB - #E1E5D4 | 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 #C8C8CB as 0% and #E1E5D4 as 100%.

0.0%	0.0% #C8C8CB	RGB 200 200 203	#C8C8CB
16.7%	16.7% #CACCCF	RGB 202 204 207	#CACCCF
33.3%	33.3% #CCD3D3	RGB 204 211 211	#CCD3D3
50.0%	50.0% #CED8D4	RGB 206 216 212	#CED8D4
66.7%	66.7% #D0DCD2	RGB 208 220 210	#D0DCD2
83.3%	83.3% #D6E0D2	RGB 214 224 210	#D6E0D2
100.0%	100.0% #E1E5D4	RGB 225 229 212	#E1E5D4

#C8C8CB #CACCCF #CCD3D3 #CED8D4 #D0DCD2 #D6E0D2 #E1E5D4

#C8C8CB - #CED8D4 - #E1E5D4

CSS codes

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

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