#C0C6CE - #EFD9FF | 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 #C0C6CE to #EFD9FF

#C0C6CE #EFD9FF

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

#C0C6CE - #EFD9FF | 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 #C0C6CE as 0% and #EFD9FF as 100%.

0.0%	0.0% #C0C6CE	RGB 192 198 206	#C0C6CE
16.7%	16.7% #C7C9D6	RGB 199 201 214	#C7C9D6
33.3%	33.3% #CFCCDE	RGB 207 204 222	#CFCCDE
50.0%	50.0% #D7CFE6	RGB 215 207 230	#D7CFE6
66.7%	66.7% #DFD2EE	RGB 223 210 238	#DFD2EE
83.3%	83.3% #E7D5F6	RGB 231 213 246	#E7D5F6
100.0%	100.0% #EFD9FF	RGB 239 217 255	#EFD9FF

#C0C6CE #C7C9D6 #CFCCDE #D7CFE6 #DFD2EE #E7D5F6 #EFD9FF

#C0C6CE - #EFD9FF

HSV Blend

#C0C6CE - #EFD9FF | 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 #C0C6CE as 0% and #EFD9FF as 100%.

0.0%	0.0% #C0C6CE	RGB 192 198 206	#C0C6CE
16.7%	16.7% #C4C9D6	RGB 196 201 214	#C4C9D6
33.3%	33.3% #C9CBDE	RGB 201 203 222	#C9CBDE
50.0%	50.0% #CFCDE6	RGB 207 205 230	#CFCDE6
66.7%	66.7% #D8D1EE	RGB 216 209 238	#D8D1EE
83.3%	83.3% #E3D5F6	RGB 227 213 246	#E3D5F6
100.0%	100.0% #EFD9FF	RGB 239 217 255	#EFD9FF

#C0C6CE #C4C9D6 #C9CBDE #CFCDE6 #D8D1EE #E3D5F6 #EFD9FF

#C0C6CE - #CFCDE6 - #EFD9FF

CSS codes

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

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