#C3C5C8 - #E5E1D2 | 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 #C3C5C8 to #E5E1D2

#C3C5C8 #E5E1D2

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

#C3C5C8 - #E5E1D2 | 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 #C3C5C8 as 0% and #E5E1D2 as 100%.

0.0%	0.0% #C3C5C8	RGB 195 197 200	#C3C5C8
16.7%	16.7% #C8C9C9	RGB 200 201 201	#C8C9C9
33.3%	33.3% #CECECB	RGB 206 206 203	#CECECB
50.0%	50.0% #D4D3CD	RGB 212 211 205	#D4D3CD
66.7%	66.7% #D9D7CE	RGB 217 215 206	#D9D7CE
83.3%	83.3% #DFDCD0	RGB 223 220 208	#DFDCD0
100.0%	100.0% #E5E1D2	RGB 229 225 210	#E5E1D2

#C3C5C8 #C8C9C9 #CECECB #D4D3CD #D9D7CE #DFDCD0 #E5E1D2

#C3C5C8 - #E5E1D2

HSV Blend

#C3C5C8 - #E5E1D2 | 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 #C3C5C8 as 0% and #E5E1D2 as 100%.

0.0%	0.0% #C3C5C8	RGB 195 197 200	#C3C5C8
16.7%	16.7% #C5CBCC	RGB 197 203 204	#C5CBCC
33.3%	33.3% #C8D1CE	RGB 200 209 206	#C8D1CE
50.0%	50.0% #CAD6CD	RGB 202 214 205	#CAD6CD
66.7%	66.7% #D1DBCD	RGB 209 219 205	#D1DBCD
83.3%	83.3% #DBE0CF	RGB 219 224 207	#DBE0CF
100.0%	100.0% #E5E1D2	RGB 229 225 210	#E5E1D2

#C3C5C8 #C5CBCC #C8D1CE #CAD6CD #D1DBCD #DBE0CF #E5E1D2

#C3C5C8 - #CAD6CD - #E5E1D2

CSS codes

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

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