#C0CED2 - #EAE5DD | 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 #C0CED2 to #EAE5DD

#C0CED2 #EAE5DD

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

#C0CED2 - #EAE5DD | 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 #C0CED2 as 0% and #EAE5DD as 100%.

0.0%	0.0% #C0CED2	RGB 192 206 210	#C0CED2
16.7%	16.7% #C7D1D3	RGB 199 209 211	#C7D1D3
33.3%	33.3% #CED5D5	RGB 206 213 213	#CED5D5
50.0%	50.0% #D5D9D7	RGB 213 217 215	#D5D9D7
66.7%	66.7% #DCDDD9	RGB 220 221 217	#DCDDD9
83.3%	83.3% #E3E1DB	RGB 227 225 219	#E3E1DB
100.0%	100.0% #EAE5DD	RGB 234 229 221	#EAE5DD

#C0CED2 #C7D1D3 #CED5D5 #D5D9D7 #DCDDD9 #E3E1DB #EAE5DD

#C0CED2 - #EAE5DD

HSV Blend

#C0CED2 - #EAE5DD | 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 #C0CED2 as 0% and #EAE5DD as 100%.

0.0%	0.0% #C0CED2	RGB 192 206 210	#C0CED2
16.7%	16.7% #C4D6D2	RGB 196 214 210	#C4D6D2
33.3%	33.3% #C9DACF	RGB 201 218 207	#C9DACF
50.0%	50.0% #CFDECE	RGB 207 222 206	#CFDECE
66.7%	66.7% #DAE2D3	RGB 218 226 211	#DAE2D3
83.3%	83.3% #E5E6D8	RGB 229 230 216	#E5E6D8
100.0%	100.0% #EAE5DD	RGB 234 229 221	#EAE5DD

#C0CED2 #C4D6D2 #C9DACF #CFDECE #DAE2D3 #E5E6D8 #EAE5DD

#C0CED2 - #CFDECE - #EAE5DD

CSS codes

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

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