#C8D3DF - #E5E6E3 | 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 #C8D3DF to #E5E6E3

#C8D3DF #E5E6E3

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

#C8D3DF - #E5E6E3 | 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 #C8D3DF as 0% and #E5E6E3 as 100%.

0.0%	0.0% #C8D3DF	RGB 200 211 223	#C8D3DF
16.7%	16.7% #CCD6DF	RGB 204 214 223	#CCD6DF
33.3%	33.3% #D1D9E0	RGB 209 217 224	#D1D9E0
50.0%	50.0% #D6DCE1	RGB 214 220 225	#D6DCE1
66.7%	66.7% #DBDFE1	RGB 219 223 225	#DBDFE1
83.3%	83.3% #E0E2E2	RGB 224 226 226	#E0E2E2
100.0%	100.0% #E5E6E3	RGB 229 230 227	#E5E6E3

#C8D3DF #CCD6DF #D1D9E0 #D6DCE1 #DBDFE1 #E0E2E2 #E5E6E3

#C8D3DF - #E5E6E3

HSV Blend

#C8D3DF - #E5E6E3 | 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 #C8D3DF as 0% and #E5E6E3 as 100%.

0.0%	0.0% #C8D3DF	RGB 200 211 223	#C8D3DF
16.7%	16.7% #CCDDE0	RGB 204 221 224	#CCDDE0
33.3%	33.3% #D0E1DD	RGB 208 225 221	#D0E1DD
50.0%	50.0% #D5E2DA	RGB 213 226 218	#D5E2DA
66.7%	66.7% #D9E3DA	RGB 217 227 218	#D9E3DA
83.3%	83.3% #E0E4DE	RGB 224 228 222	#E0E4DE
100.0%	100.0% #E5E6E3	RGB 229 230 227	#E5E6E3

#C8D3DF #CCDDE0 #D0E1DD #D5E2DA #D9E3DA #E0E4DE #E5E6E3

#C8D3DF - #D5E2DA - #E5E6E3

CSS codes

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

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