#C0C8D3 - #E4E2D9 | 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 #C0C8D3 to #E4E2D9

#C0C8D3 #E4E2D9

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

#C0C8D3 - #E4E2D9 | 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 #C0C8D3 as 0% and #E4E2D9 as 100%.

0.0%	0.0% #C0C8D3	RGB 192 200 211	#C0C8D3
16.7%	16.7% #C6CCD4	RGB 198 204 212	#C6CCD4
33.3%	33.3% #CCD0D5	RGB 204 208 213	#CCD0D5
50.0%	50.0% #D2D5D6	RGB 210 213 214	#D2D5D6
66.7%	66.7% #D8D9D7	RGB 216 217 215	#D8D9D7
83.3%	83.3% #DEDDD8	RGB 222 221 216	#DEDDD8
100.0%	100.0% #E4E2D9	RGB 228 226 217	#E4E2D9

#C0C8D3 #C6CCD4 #CCD0D5 #D2D5D6 #D8D9D7 #DEDDD8 #E4E2D9

#C0C8D3 - #E4E2D9

HSV Blend

#C0C8D3 - #E4E2D9 | 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 #C0C8D3 as 0% and #E4E2D9 as 100%.

0.0%	0.0% #C0C8D3	RGB 192 200 211	#C0C8D3
16.7%	16.7% #C4D3D5	RGB 196 211 213	#C4D3D5
33.3%	33.3% #C8D8D3	RGB 200 216 211	#C8D8D3
50.0%	50.0% #CCDBCF	RGB 204 219 207	#CCDBCF
66.7%	66.7% #D4DED0	RGB 212 222 208	#D4DED0
83.3%	83.3% #DDE1D4	RGB 221 225 212	#DDE1D4
100.0%	100.0% #E4E2D9	RGB 228 226 217	#E4E2D9

#C0C8D3 #C4D3D5 #C8D8D3 #CCDBCF #D4DED0 #DDE1D4 #E4E2D9

#C0C8D3 - #CCDBCF - #E4E2D9

CSS codes

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

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