#C9C6C6 - #EDD0FF | 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 #C9C6C6 to #EDD0FF

#C9C6C6 #EDD0FF

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

#C9C6C6 - #EDD0FF | 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 #C9C6C6 as 0% and #EDD0FF as 100%.

0.0%	0.0% #C9C6C6	RGB 201 198 198	#C9C6C6
16.7%	16.7% #CFC7CF	RGB 207 199 207	#CFC7CF
33.3%	33.3% #D5C9D9	RGB 213 201 217	#D5C9D9
50.0%	50.0% #DBCBE2	RGB 219 203 226	#DBCBE2
66.7%	66.7% #E1CCEC	RGB 225 204 236	#E1CCEC
83.3%	83.3% #E7CEF5	RGB 231 206 245	#E7CEF5
100.0%	100.0% #EDD0FF	RGB 237 208 255	#EDD0FF

#C9C6C6 #CFC7CF #D5C9D9 #DBCBE2 #E1CCEC #E7CEF5 #EDD0FF

#C9C6C6 - #EDD0FF

HSV Blend

#C9C6C6 - #EDD0FF | 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 #C9C6C6 as 0% and #EDD0FF as 100%.

0.0%	0.0% #C9C6C6	RGB 201 198 198	#C9C6C6
16.7%	16.7% #D2C8CB	RGB 210 200 203	#D2C8CB
33.3%	33.3% #DBCBD2	RGB 219 203 210	#DBCBD2
50.0%	50.0% #E4CDDC	RGB 228 205 220	#E4CDDC
66.7%	66.7% #EDCEEA	RGB 237 206 234	#EDCEEA
83.3%	83.3% #F0CFF6	RGB 240 207 246	#F0CFF6
100.0%	100.0% #EDD0FF	RGB 237 208 255	#EDD0FF

#C9C6C6 #D2C8CB #DBCBD2 #E4CDDC #EDCEEA #F0CFF6 #EDD0FF

#C9C6C6 - #E4CDDC - #EDD0FF

CSS codes

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

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