#C9C0FF - #D4E6E1 | 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 #C9C0FF to #D4E6E1

#C9C0FF #D4E6E1

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

#C9C0FF - #D4E6E1 | 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 #C9C0FF as 0% and #D4E6E1 as 100%.

0.0%	0.0% #C9C0FF	RGB 201 192 255	#C9C0FF
16.7%	16.7% #CAC6FA	RGB 202 198 250	#CAC6FA
33.3%	33.3% #CCCCF5	RGB 204 204 245	#CCCCF5
50.0%	50.0% #CED3F0	RGB 206 211 240	#CED3F0
66.7%	66.7% #D0D9EB	RGB 208 217 235	#D0D9EB
83.3%	83.3% #D2DFE6	RGB 210 223 230	#D2DFE6
100.0%	100.0% #D4E6E1	RGB 212 230 225	#D4E6E1

#C9C0FF #CAC6FA #CCCCF5 #CED3F0 #D0D9EB #D2DFE6 #D4E6E1

#C9C0FF - #D4E6E1

HSV Blend

#C9C0FF - #D4E6E1 | 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 #C9C0FF as 0% and #D4E6E1 as 100%.

0.0%	0.0% #C9C0FF	RGB 201 192 255	#C9C0FF
16.7%	16.7% #C3C9FA	RGB 195 201 250	#C3C9FA
33.3%	33.3% #C7D7F6	RGB 199 215 246	#C7D7F6
50.0%	50.0% #CBE1F2	RGB 203 225 242	#CBE1F2
66.7%	66.7% #CEE8EE	RGB 206 232 238	#CEE8EE
83.3%	83.3% #D1EAE9	RGB 209 234 233	#D1EAE9
100.0%	100.0% #D4E6E1	RGB 212 230 225	#D4E6E1

#C9C0FF #C3C9FA #C7D7F6 #CBE1F2 #CEE8EE #D1EAE9 #D4E6E1

#C9C0FF - #CBE1F2 - #D4E6E1

CSS codes

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

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