#C7BBD2 - #79608E | 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 #C7BBD2 to #79608E

#C7BBD2 #79608E

Calculate the color between two colors, #C7BBD2 and #79608E. 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)

#C7BBD2 - #79608E | 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 #C7BBD2 as 0% and #79608E as 100%.

0.0%	0.0% #C7BBD2	RGB 199 187 210	#C7BBD2
16.7%	16.7% #BAABC6	RGB 186 171 198	#BAABC6
33.3%	33.3% #AD9CBB	RGB 173 156 187	#AD9CBB
50.0%	50.0% #A08DB0	RGB 160 141 176	#A08DB0
66.7%	66.7% #937EA4	RGB 147 126 164	#937EA4
83.3%	83.3% #866F99	RGB 134 111 153	#866F99
100.0%	100.0% #79608E	RGB 121 96 142	#79608E

#C7BBD2 #BAABC6 #AD9CBB #A08DB0 #937EA4 #866F99 #79608E

#C7BBD2 - #79608E

HSV Blend

#C7BBD2 - #79608E | 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 #C7BBD2 as 0% and #79608E as 100%.

0.0%	0.0% #C7BBD2	RGB 199 187 210	#C7BBD2
16.7%	16.7% #B8A9C6	RGB 184 169 198	#B8A9C6
33.3%	33.3% #AB99BB	RGB 171 153 187	#AB99BB
50.0%	50.0% #9E89B0	RGB 158 137 176	#9E89B0
66.7%	66.7% #917BA4	RGB 145 123 164	#917BA4
83.3%	83.3% #846D99	RGB 132 109 153	#846D99
100.0%	100.0% #79608E	RGB 121 96 142	#79608E

#C7BBD2 #B8A9C6 #AB99BB #9E89B0 #917BA4 #846D99 #79608E

#C7BBD2 - #9E89B0 - #79608E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7BBD2 0%, #9E89B0 50%, #79608E 100%);
    background: -webkit-linear-gradient(top, #C7BBD2 0%, #9E89B0 50%, #79608E 100%);
    background: linear-gradient(to bottom, #C7BBD2 0%, #9E89B0 50%, #79608E 100%);
}
</style>