#C5C0DA - #EEEDF4 | 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 #C5C0DA to #EEEDF4

#C5C0DA #EEEDF4

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

#C5C0DA - #EEEDF4 | 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 #C5C0DA as 0% and #EEEDF4 as 100%.

0.0%	0.0% #C5C0DA	RGB 197 192 218	#C5C0DA
16.7%	16.7% #CBC7DE	RGB 203 199 222	#CBC7DE
33.3%	33.3% #D2CFE2	RGB 210 207 226	#D2CFE2
50.0%	50.0% #D9D6E7	RGB 217 214 231	#D9D6E7
66.7%	66.7% #E0DEEB	RGB 224 222 235	#E0DEEB
83.3%	83.3% #E7E5EF	RGB 231 229 239	#E7E5EF
100.0%	100.0% #EEEDF4	RGB 238 237 244	#EEEDF4

#C5C0DA #CBC7DE #D2CFE2 #D9D6E7 #E0DEEB #E7E5EF #EEEDF4

#C5C0DA - #EEEDF4

HSV Blend

#C5C0DA - #EEEDF4 | 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 #C5C0DA as 0% and #EEEDF4 as 100%.

0.0%	0.0% #C5C0DA	RGB 197 192 218	#C5C0DA
16.7%	16.7% #CBC7DE	RGB 203 199 222	#CBC7DE
33.3%	33.3% #D2CEE2	RGB 210 206 226	#D2CEE2
50.0%	50.0% #D8D5E7	RGB 216 213 231	#D8D5E7
66.7%	66.7% #DFDDEB	RGB 223 221 235	#DFDDEB
83.3%	83.3% #E6E5EF	RGB 230 229 239	#E6E5EF
100.0%	100.0% #EEEDF4	RGB 238 237 244	#EEEDF4

#C5C0DA #CBC7DE #D2CEE2 #D8D5E7 #DFDDEB #E6E5EF #EEEDF4

#C5C0DA - #D8D5E7 - #EEEDF4

CSS codes

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

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