#C7BCD0 - #79638B | 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 #C7BCD0 to #79638B

#C7BCD0 #79638B

Calculate the color between two colors, #C7BCD0 and #79638B. 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)

#C7BCD0 - #79638B | 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 #C7BCD0 as 0% and #79638B as 100%.

0.0%	0.0% #C7BCD0	RGB 199 188 208	#C7BCD0
16.7%	16.7% #BAADC4	RGB 186 173 196	#BAADC4
33.3%	33.3% #AD9EB9	RGB 173 158 185	#AD9EB9
50.0%	50.0% #A08FAD	RGB 160 143 173	#A08FAD
66.7%	66.7% #9380A2	RGB 147 128 162	#9380A2
83.3%	83.3% #867196	RGB 134 113 150	#867196
100.0%	100.0% #79638B	RGB 121 99 139	#79638B

#C7BCD0 #BAADC4 #AD9EB9 #A08FAD #9380A2 #867196 #79638B

#C7BCD0 - #79638B

HSV Blend

#C7BCD0 - #79638B | 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 #C7BCD0 as 0% and #79638B as 100%.

0.0%	0.0% #C7BCD0	RGB 199 188 208	#C7BCD0
16.7%	16.7% #B9ABC4	RGB 185 171 196	#B9ABC4
33.3%	33.3% #AB9BB9	RGB 171 155 185	#AB9BB9
50.0%	50.0% #9E8CAD	RGB 158 140 173	#9E8CAD
66.7%	66.7% #917DA2	RGB 145 125 162	#917DA2
83.3%	83.3% #856F96	RGB 133 111 150	#856F96
100.0%	100.0% #79638B	RGB 121 99 139	#79638B

#C7BCD0 #B9ABC4 #AB9BB9 #9E8CAD #917DA2 #856F96 #79638B

#C7BCD0 - #9E8CAD - #79638B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7BCD0 0%, #9E8CAD 50%, #79638B 100%);
    background: -webkit-linear-gradient(top, #C7BCD0 0%, #9E8CAD 50%, #79638B 100%);
    background: linear-gradient(to bottom, #C7BCD0 0%, #9E8CAD 50%, #79638B 100%);
}
</style>