#C9CDF9 - #856FD1 | 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 #C9CDF9 to #856FD1

#C9CDF9 #856FD1

Calculate the color between two colors, #C9CDF9 and #856FD1. 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)

#C9CDF9 - #856FD1 | 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 #C9CDF9 as 0% and #856FD1 as 100%.

0.0%	0.0% #C9CDF9	RGB 201 205 249	#C9CDF9
16.7%	16.7% #BDBDF2	RGB 189 189 242	#BDBDF2
33.3%	33.3% #B2ADEB	RGB 178 173 235	#B2ADEB
50.0%	50.0% #A79EE5	RGB 167 158 229	#A79EE5
66.7%	66.7% #9B8EDE	RGB 155 142 222	#9B8EDE
83.3%	83.3% #907ED7	RGB 144 126 215	#907ED7
100.0%	100.0% #856FD1	RGB 133 111 209	#856FD1

#C9CDF9 #BDBDF2 #B2ADEB #A79EE5 #9B8EDE #907ED7 #856FD1

#C9CDF9 - #856FD1

HSV Blend

#C9CDF9 - #856FD1 | 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 #C9CDF9 as 0% and #856FD1 as 100%.

0.0%	0.0% #C9CDF9	RGB 201 205 249	#C9CDF9
16.7%	16.7% #B8BAF2	RGB 184 186 242	#B8BAF2
33.3%	33.3% #A9A8EB	RGB 169 168 235	#A9A8EB
50.0%	50.0% #9E99E5	RGB 158 153 229	#9E99E5
66.7%	66.7% #948ADE	RGB 148 138 222	#948ADE
83.3%	83.3% #8C7CD7	RGB 140 124 215	#8C7CD7
100.0%	100.0% #856FD1	RGB 133 111 209	#856FD1

#C9CDF9 #B8BAF2 #A9A8EB #9E99E5 #948ADE #8C7CD7 #856FD1

#C9CDF9 - #9E99E5 - #856FD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9CDF9 0%, #9E99E5 50%, #856FD1 100%);
    background: -webkit-linear-gradient(top, #C9CDF9 0%, #9E99E5 50%, #856FD1 100%);
    background: linear-gradient(to bottom, #C9CDF9 0%, #9E99E5 50%, #856FD1 100%);
}
</style>