#C7B8D6 - #7A5E99 | 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 #C7B8D6 to #7A5E99

#C7B8D6 #7A5E99

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

#C7B8D6 - #7A5E99 | 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 #C7B8D6 as 0% and #7A5E99 as 100%.

0.0%	0.0% #C7B8D6	RGB 199 184 214	#C7B8D6
16.7%	16.7% #BAA9CB	RGB 186 169 203	#BAA9CB
33.3%	33.3% #AD9AC1	RGB 173 154 193	#AD9AC1
50.0%	50.0% #A08BB7	RGB 160 139 183	#A08BB7
66.7%	66.7% #937CAD	RGB 147 124 173	#937CAD
83.3%	83.3% #866DA3	RGB 134 109 163	#866DA3
100.0%	100.0% #7A5E99	RGB 122 94 153	#7A5E99

#C7B8D6 #BAA9CB #AD9AC1 #A08BB7 #937CAD #866DA3 #7A5E99

#C7B8D6 - #7A5E99

HSV Blend

#C7B8D6 - #7A5E99 | 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 #C7B8D6 as 0% and #7A5E99 as 100%.

0.0%	0.0% #C7B8D6	RGB 199 184 214	#C7B8D6
16.7%	16.7% #B9A6CB	RGB 185 166 203	#B9A6CB
33.3%	33.3% #AB96C1	RGB 171 150 193	#AB96C1
50.0%	50.0% #9E87B7	RGB 158 135 183	#9E87B7
66.7%	66.7% #9278AD	RGB 146 120 173	#9278AD
83.3%	83.3% #856AA3	RGB 133 106 163	#856AA3
100.0%	100.0% #7A5E99	RGB 122 94 153	#7A5E99

#C7B8D6 #B9A6CB #AB96C1 #9E87B7 #9278AD #856AA3 #7A5E99

#C7B8D6 - #9E87B7 - #7A5E99

CSS codes

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

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