#C9C0E8 - #EFEDF8 | 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 #C9C0E8 to #EFEDF8

#C9C0E8 #EFEDF8

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

#C9C0E8 - #EFEDF8 | 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 #C9C0E8 as 0% and #EFEDF8 as 100%.

0.0%	0.0% #C9C0E8	RGB 201 192 232	#C9C0E8
16.7%	16.7% #CFC7EA	RGB 207 199 234	#CFC7EA
33.3%	33.3% #D5CFED	RGB 213 207 237	#D5CFED
50.0%	50.0% #DCD6F0	RGB 220 214 240	#DCD6F0
66.7%	66.7% #E2DEF2	RGB 226 222 242	#E2DEF2
83.3%	83.3% #E8E5F5	RGB 232 229 245	#E8E5F5
100.0%	100.0% #EFEDF8	RGB 239 237 248	#EFEDF8

#C9C0E8 #CFC7EA #D5CFED #DCD6F0 #E2DEF2 #E8E5F5 #EFEDF8

#C9C0E8 - #EFEDF8

HSV Blend

#C9C0E8 - #EFEDF8 | 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 #C9C0E8 as 0% and #EFEDF8 as 100%.

0.0%	0.0% #C9C0E8	RGB 201 192 232	#C9C0E8
16.7%	16.7% #CEC7EA	RGB 206 199 234	#CEC7EA
33.3%	33.3% #D5CEED	RGB 213 206 237	#D5CEED
50.0%	50.0% #DBD5F0	RGB 219 213 240	#DBD5F0
66.7%	66.7% #E1DDF2	RGB 225 221 242	#E1DDF2
83.3%	83.3% #E8E5F5	RGB 232 229 245	#E8E5F5
100.0%	100.0% #EFEDF8	RGB 239 237 248	#EFEDF8

#C9C0E8 #CEC7EA #D5CEED #DBD5F0 #E1DDF2 #E8E5F5 #EFEDF8

#C9C0E8 - #DBD5F0 - #EFEDF8

CSS codes

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

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