#C5C3E5 - #7F61A8 | 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 #C5C3E5 to #7F61A8

#C5C3E5 #7F61A8

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

#C5C3E5 - #7F61A8 | 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 #C5C3E5 as 0% and #7F61A8 as 100%.

0.0%	0.0% #C5C3E5	RGB 197 195 229	#C5C3E5
16.7%	16.7% #B9B2DA	RGB 185 178 218	#B9B2DA
33.3%	33.3% #ADA2D0	RGB 173 162 208	#ADA2D0
50.0%	50.0% #A292C6	RGB 162 146 198	#A292C6
66.7%	66.7% #9681BC	RGB 150 129 188	#9681BC
83.3%	83.3% #8A71B2	RGB 138 113 178	#8A71B2
100.0%	100.0% #7F61A8	RGB 127 97 168	#7F61A8

#C5C3E5 #B9B2DA #ADA2D0 #A292C6 #9681BC #8A71B2 #7F61A8

#C5C3E5 - #7F61A8

HSV Blend

#C5C3E5 - #7F61A8 | 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 #C5C3E5 as 0% and #7F61A8 as 100%.

0.0%	0.0% #C5C3E5	RGB 197 195 229	#C5C3E5
16.7%	16.7% #B5B0DA	RGB 181 176 218	#B5B0DA
33.3%	33.3% #A79ED0	RGB 167 158 208	#A79ED0
50.0%	50.0% #9B8DC6	RGB 155 141 198	#9B8DC6
66.7%	66.7% #907DBC	RGB 144 125 188	#907DBC
83.3%	83.3% #876FB2	RGB 135 111 178	#876FB2
100.0%	100.0% #7F61A8	RGB 127 97 168	#7F61A8

#C5C3E5 #B5B0DA #A79ED0 #9B8DC6 #907DBC #876FB2 #7F61A8

#C5C3E5 - #9B8DC6 - #7F61A8

CSS codes

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

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