#C8C9CA - #E6E4D6 | 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 #C8C9CA to #E6E4D6

#C8C9CA #E6E4D6

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

#C8C9CA - #E6E4D6 | 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 #C8C9CA as 0% and #E6E4D6 as 100%.

0.0%	0.0% #C8C9CA	RGB 200 201 202	#C8C9CA
16.7%	16.7% #CDCDCC	RGB 205 205 204	#CDCDCC
33.3%	33.3% #D2D2CE	RGB 210 210 206	#D2D2CE
50.0%	50.0% #D7D6D0	RGB 215 214 208	#D7D6D0
66.7%	66.7% #DCDBD2	RGB 220 219 210	#DCDBD2
83.3%	83.3% #E1DFD4	RGB 225 223 212	#E1DFD4
100.0%	100.0% #E6E4D6	RGB 230 228 214	#E6E4D6

#C8C9CA #CDCDCC #D2D2CE #D7D6D0 #DCDBD2 #E1DFD4 #E6E4D6

#C8C9CA - #E6E4D6

HSV Blend

#C8C9CA - #E6E4D6 | 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 #C8C9CA as 0% and #E6E4D6 as 100%.

0.0%	0.0% #C8C9CA	RGB 200 201 202	#C8C9CA
16.7%	16.7% #CACECE	RGB 202 206 206	#CACECE
33.3%	33.3% #CDD3D0	RGB 205 211 208	#CDD3D0
50.0%	50.0% #CFD8D1	RGB 207 216 209	#CFD8D1
66.7%	66.7% #D4DCD1	RGB 212 220 209	#D4DCD1
83.3%	83.3% #DDE1D3	RGB 221 225 211	#DDE1D3
100.0%	100.0% #E6E4D6	RGB 230 228 214	#E6E4D6

#C8C9CA #CACECE #CDD3D0 #CFD8D1 #D4DCD1 #DDE1D3 #E6E4D6

#C8C9CA - #CFD8D1 - #E6E4D6

CSS codes

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

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