#C0C9D4 - #E4E3DA | 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 #C0C9D4 to #E4E3DA

#C0C9D4 #E4E3DA

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

#C0C9D4 - #E4E3DA | 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 #C0C9D4 as 0% and #E4E3DA as 100%.

0.0%	0.0% #C0C9D4	RGB 192 201 212	#C0C9D4
16.7%	16.7% #C6CDD5	RGB 198 205 213	#C6CDD5
33.3%	33.3% #CCD1D6	RGB 204 209 214	#CCD1D6
50.0%	50.0% #D2D6D7	RGB 210 214 215	#D2D6D7
66.7%	66.7% #D8DAD8	RGB 216 218 216	#D8DAD8
83.3%	83.3% #DEDED9	RGB 222 222 217	#DEDED9
100.0%	100.0% #E4E3DA	RGB 228 227 218	#E4E3DA

#C0C9D4 #C6CDD5 #CCD1D6 #D2D6D7 #D8DAD8 #DEDED9 #E4E3DA

#C0C9D4 - #E4E3DA

HSV Blend

#C0C9D4 - #E4E3DA | 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 #C0C9D4 as 0% and #E4E3DA as 100%.

0.0%	0.0% #C0C9D4	RGB 192 201 212	#C0C9D4
16.7%	16.7% #C4D4D6	RGB 196 212 214	#C4D4D6
33.3%	33.3% #C8D9D3	RGB 200 217 211	#C8D9D3
50.0%	50.0% #CCDCD0	RGB 204 220 208	#CCDCD0
66.7%	66.7% #D4DED1	RGB 212 222 209	#D4DED1
83.3%	83.3% #DDE1D5	RGB 221 225 213	#DDE1D5
100.0%	100.0% #E4E3DA	RGB 228 227 218	#E4E3DA

#C0C9D4 #C4D4D6 #C8D9D3 #CCDCD0 #D4DED1 #DDE1D5 #E4E3DA

#C0C9D4 - #CCDCD0 - #E4E3DA

CSS codes

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

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