#C8CACF - #E4E3D6 | 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 #C8CACF to #E4E3D6

#C8CACF #E4E3D6

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

#C8CACF - #E4E3D6 | 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 #C8CACF as 0% and #E4E3D6 as 100%.

0.0%	0.0% #C8CACF	RGB 200 202 207	#C8CACF
16.7%	16.7% #CCCED0	RGB 204 206 208	#CCCED0
33.3%	33.3% #D1D2D1	RGB 209 210 209	#D1D2D1
50.0%	50.0% #D6D6D2	RGB 214 214 210	#D6D6D2
66.7%	66.7% #DADAD3	RGB 218 218 211	#DADAD3
83.3%	83.3% #DFDED4	RGB 223 222 212	#DFDED4
100.0%	100.0% #E4E3D6	RGB 228 227 214	#E4E3D6

#C8CACF #CCCED0 #D1D2D1 #D6D6D2 #DADAD3 #DFDED4 #E4E3D6

#C8CACF - #E4E3D6

HSV Blend

#C8CACF - #E4E3D6 | 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 #C8CACF as 0% and #E4E3D6 as 100%.

0.0%	0.0% #C8CACF	RGB 200 202 207	#C8CACF
16.7%	16.7% #CAD0D2	RGB 202 208 210	#CAD0D2
33.3%	33.3% #CCD6D4	RGB 204 214 212	#CCD6D4
50.0%	50.0% #CFD9D2	RGB 207 217 210	#CFD9D2
66.7%	66.7% #D3DDD1	RGB 211 221 209	#D3DDD1
83.3%	83.3% #DBE0D3	RGB 219 224 211	#DBE0D3
100.0%	100.0% #E4E3D6	RGB 228 227 214	#E4E3D6

#C8CACF #CAD0D2 #CCD6D4 #CFD9D2 #D3DDD1 #DBE0D3 #E4E3D6

#C8CACF - #CFD9D2 - #E4E3D6

CSS codes

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

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