#C8DBD1 - #EDE5E5 | 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 #C8DBD1 to #EDE5E5

#C8DBD1 #EDE5E5

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

#C8DBD1 - #EDE5E5 | 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 #C8DBD1 as 0% and #EDE5E5 as 100%.

0.0%	0.0% #C8DBD1	RGB 200 219 209	#C8DBD1
16.7%	16.7% #CEDCD4	RGB 206 220 212	#CEDCD4
33.3%	33.3% #D4DED7	RGB 212 222 215	#D4DED7
50.0%	50.0% #DAE0DB	RGB 218 224 219	#DAE0DB
66.7%	66.7% #E0E1DE	RGB 224 225 222	#E0E1DE
83.3%	83.3% #E6E3E1	RGB 230 227 225	#E6E3E1
100.0%	100.0% #EDE5E5	RGB 237 229 229	#EDE5E5

#C8DBD1 #CEDCD4 #D4DED7 #DAE0DB #E0E1DE #E6E3E1 #EDE5E5

#C8DBD1 - #EDE5E5

HSV Blend

#C8DBD1 - #EDE5E5 | 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 #C8DBD1 as 0% and #EDE5E5 as 100%.

0.0%	0.0% #C8DBD1	RGB 200 219 209	#C8DBD1
16.7%	16.7% #CCDECD	RGB 204 222 205	#CCDECD
33.3%	33.3% #D6E1D1	RGB 214 225 209	#D6E1D1
50.0%	50.0% #E0E4D6	RGB 224 228 214	#E0E4D6
66.7%	66.7% #E7E4DB	RGB 231 228 219	#E7E4DB
83.3%	83.3% #EAE4E0	RGB 234 228 224	#EAE4E0
100.0%	100.0% #EDE5E5	RGB 237 229 229	#EDE5E5

#C8DBD1 #CCDECD #D6E1D1 #E0E4D6 #E7E4DB #EAE4E0 #EDE5E5

#C8DBD1 - #E0E4D6 - #EDE5E5

CSS codes

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

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