#C8BAE5 - #7C57A8 | 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 #C8BAE5 to #7C57A8

#C8BAE5 #7C57A8

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

#C8BAE5 - #7C57A8 | 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 #C8BAE5 as 0% and #7C57A8 as 100%.

0.0%	0.0% #C8BAE5	RGB 200 186 229	#C8BAE5
16.7%	16.7% #BBA9DA	RGB 187 169 218	#BBA9DA
33.3%	33.3% #AE99D0	RGB 174 153 208	#AE99D0
50.0%	50.0% #A288C6	RGB 162 136 198	#A288C6
66.7%	66.7% #9578BC	RGB 149 120 188	#9578BC
83.3%	83.3% #8867B2	RGB 136 103 178	#8867B2
100.0%	100.0% #7C57A8	RGB 124 87 168	#7C57A8

#C8BAE5 #BBA9DA #AE99D0 #A288C6 #9578BC #8867B2 #7C57A8

#C8BAE5 - #7C57A8

HSV Blend

#C8BAE5 - #7C57A8 | 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 #C8BAE5 as 0% and #7C57A8 as 100%.

0.0%	0.0% #C8BAE5	RGB 200 186 229	#C8BAE5
16.7%	16.7% #B9A7DA	RGB 185 167 218	#B9A7DA
33.3%	33.3% #AB95D0	RGB 171 149 208	#AB95D0
50.0%	50.0% #9E84C6	RGB 158 132 198	#9E84C6
66.7%	66.7% #9174BC	RGB 145 116 188	#9174BC
83.3%	83.3% #8665B2	RGB 134 101 178	#8665B2
100.0%	100.0% #7C57A8	RGB 124 87 168	#7C57A8

#C8BAE5 #B9A7DA #AB95D0 #9E84C6 #9174BC #8665B2 #7C57A8

#C8BAE5 - #9E84C6 - #7C57A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8BAE5 0%, #9E84C6 50%, #7C57A8 100%);
    background: -webkit-linear-gradient(top, #C8BAE5 0%, #9E84C6 50%, #7C57A8 100%);
    background: linear-gradient(to bottom, #C8BAE5 0%, #9E84C6 50%, #7C57A8 100%);
}
</style>