#C4C5D0 - #E3E5D8 | 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 #C4C5D0 to #E3E5D8

#C4C5D0 #E3E5D8

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

#C4C5D0 - #E3E5D8 | 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 #C4C5D0 as 0% and #E3E5D8 as 100%.

0.0%	0.0% #C4C5D0	RGB 196 197 208	#C4C5D0
16.7%	16.7% #C9CAD1	RGB 201 202 209	#C9CAD1
33.3%	33.3% #CECFD2	RGB 206 207 210	#CECFD2
50.0%	50.0% #D3D5D4	RGB 211 213 212	#D3D5D4
66.7%	66.7% #D8DAD5	RGB 216 218 213	#D8DAD5
83.3%	83.3% #DDDFD6	RGB 221 223 214	#DDDFD6
100.0%	100.0% #E3E5D8	RGB 227 229 216	#E3E5D8

#C4C5D0 #C9CAD1 #CECFD2 #D3D5D4 #D8DAD5 #DDDFD6 #E3E5D8

#C4C5D0 - #E3E5D8

HSV Blend

#C4C5D0 - #E3E5D8 | 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 #C4C5D0 as 0% and #E3E5D8 as 100%.

0.0%	0.0% #C4C5D0	RGB 196 197 208	#C4C5D0
16.7%	16.7% #C7CDD3	RGB 199 205 211	#C7CDD3
33.3%	33.3% #CAD7D6	RGB 202 215 214	#CAD7D6
50.0%	50.0% #CDDAD4	RGB 205 218 212	#CDDAD4
66.7%	66.7% #D1DED2	RGB 209 222 210	#D1DED2
83.3%	83.3% #D9E1D4	RGB 217 225 212	#D9E1D4
100.0%	100.0% #E3E5D8	RGB 227 229 216	#E3E5D8

#C4C5D0 #C7CDD3 #CAD7D6 #CDDAD4 #D1DED2 #D9E1D4 #E3E5D8

#C4C5D0 - #CDDAD4 - #E3E5D8

CSS codes

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

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