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

#C8BCD0 #79638B

Calculate the color between two colors, #C8BCD0 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)

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

0.0%	0.0% #C8BCD0	RGB 200 188 208	#C8BCD0
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

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

#C8BCD0 - #79638B

HSV Blend

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

0.0%	0.0% #C8BCD0	RGB 200 188 208	#C8BCD0
16.7%	16.7% #BAABC4	RGB 186 171 196	#BAABC4
33.3%	33.3% #AC9BB9	RGB 172 155 185	#AC9BB9
50.0%	50.0% #9F8CAD	RGB 159 140 173	#9F8CAD
66.7%	66.7% #927DA2	RGB 146 125 162	#927DA2
83.3%	83.3% #856F96	RGB 133 111 150	#856F96
100.0%	100.0% #79638B	RGB 121 99 139	#79638B

#C8BCD0 #BAABC4 #AC9BB9 #9F8CAD #927DA2 #856F96 #79638B

#C8BCD0 - #9F8CAD - #79638B

CSS codes

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

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