#C0D5C2 - #E3DADF | 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 #C0D5C2 to #E3DADF

#C0D5C2 #E3DADF

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

#C0D5C2 - #E3DADF | 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 #C0D5C2 as 0% and #E3DADF as 100%.

0.0%	0.0% #C0D5C2	RGB 192 213 194	#C0D5C2
16.7%	16.7% #C5D5C6	RGB 197 213 198	#C5D5C6
33.3%	33.3% #CBD6CB	RGB 203 214 203	#CBD6CB
50.0%	50.0% #D1D7D0	RGB 209 215 208	#D1D7D0
66.7%	66.7% #D7D8D5	RGB 215 216 213	#D7D8D5
83.3%	83.3% #DDD9DA	RGB 221 217 218	#DDD9DA
100.0%	100.0% #E3DADF	RGB 227 218 223	#E3DADF

#C0D5C2 #C5D5C6 #CBD6CB #D1D7D0 #D7D8D5 #DDD9DA #E3DADF

#C0D5C2 - #E3DADF

HSV Blend

#C0D5C2 - #E3DADF | 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 #C0D5C2 as 0% and #E3DADF as 100%.

0.0%	0.0% #C0D5C2	RGB 192 213 194	#C0D5C2
16.7%	16.7% #CAD7C4	RGB 202 215 196	#CAD7C4
33.3%	33.3% #D6D9C8	RGB 214 217 200	#D6D9C8
50.0%	50.0% #DCD8CC	RGB 220 216 204	#DCD8CC
66.7%	66.7% #DED5D1	RGB 222 213 209	#DED5D1
83.3%	83.3% #E0D5D6	RGB 224 213 214	#E0D5D6
100.0%	100.0% #E3DADF	RGB 227 218 223	#E3DADF

#C0D5C2 #CAD7C4 #D6D9C8 #DCD8CC #DED5D1 #E0D5D6 #E3DADF

#C0D5C2 - #DCD8CC - #E3DADF

CSS codes

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

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