#C8C7E3 - #7579C5 | 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 #C8C7E3 to #7579C5

#C8C7E3 #7579C5

Calculate the color between two colors, #C8C7E3 and #7579C5. 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)

#C8C7E3 - #7579C5 | 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 #C8C7E3 as 0% and #7579C5 as 100%.

0.0%	0.0% #C8C7E3	RGB 200 199 227	#C8C7E3
16.7%	16.7% #BABADE	RGB 186 186 222	#BABADE
33.3%	33.3% #ACADD9	RGB 172 173 217	#ACADD9
50.0%	50.0% #9EA0D4	RGB 158 160 212	#9EA0D4
66.7%	66.7% #9093CF	RGB 144 147 207	#9093CF
83.3%	83.3% #8286CA	RGB 130 134 202	#8286CA
100.0%	100.0% #7579C5	RGB 117 121 197	#7579C5

#C8C7E3 #BABADE #ACADD9 #9EA0D4 #9093CF #8286CA #7579C5

#C8C7E3 - #7579C5

HSV Blend

#C8C7E3 - #7579C5 | 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 #C8C7E3 as 0% and #7579C5 as 100%.

0.0%	0.0% #C8C7E3	RGB 200 199 227	#C8C7E3
16.7%	16.7% #B8B8DE	RGB 184 184 222	#B8B8DE
33.3%	33.3% #AAA9D9	RGB 170 169 217	#AAA9D9
50.0%	50.0% #9B9CD4	RGB 155 156 212	#9B9CD4
66.7%	66.7% #8E8FCF	RGB 142 143 207	#8E8FCF
83.3%	83.3% #8184CA	RGB 129 132 202	#8184CA
100.0%	100.0% #7579C5	RGB 117 121 197	#7579C5

#C8C7E3 #B8B8DE #AAA9D9 #9B9CD4 #8E8FCF #8184CA #7579C5

#C8C7E3 - #9B9CD4 - #7579C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C7E3 0%, #9B9CD4 50%, #7579C5 100%);
    background: -webkit-linear-gradient(top, #C8C7E3 0%, #9B9CD4 50%, #7579C5 100%);
    background: linear-gradient(to bottom, #C8C7E3 0%, #9B9CD4 50%, #7579C5 100%);
}
</style>