#C7BBCF - #78628A | 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 #C7BBCF to #78628A

#C7BBCF #78628A

Calculate the color between two colors, #C7BBCF and #78628A. 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)

#C7BBCF - #78628A | 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 #C7BBCF as 0% and #78628A as 100%.

0.0%	0.0% #C7BBCF	RGB 199 187 207	#C7BBCF
16.7%	16.7% #B9ACC3	RGB 185 172 195	#B9ACC3
33.3%	33.3% #AC9DB8	RGB 172 157 184	#AC9DB8
50.0%	50.0% #9F8EAC	RGB 159 142 172	#9F8EAC
66.7%	66.7% #927FA1	RGB 146 127 161	#927FA1
83.3%	83.3% #857095	RGB 133 112 149	#857095
100.0%	100.0% #78628A	RGB 120 98 138	#78628A

#C7BBCF #B9ACC3 #AC9DB8 #9F8EAC #927FA1 #857095 #78628A

#C7BBCF - #78628A

HSV Blend

#C7BBCF - #78628A | 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 #C7BBCF as 0% and #78628A as 100%.

0.0%	0.0% #C7BBCF	RGB 199 187 207	#C7BBCF
16.7%	16.7% #B9AAC3	RGB 185 170 195	#B9AAC3
33.3%	33.3% #AB9AB8	RGB 171 154 184	#AB9AB8
50.0%	50.0% #9E8BAC	RGB 158 139 172	#9E8BAC
66.7%	66.7% #917CA1	RGB 145 124 161	#917CA1
83.3%	83.3% #846E95	RGB 132 110 149	#846E95
100.0%	100.0% #78628A	RGB 120 98 138	#78628A

#C7BBCF #B9AAC3 #AB9AB8 #9E8BAC #917CA1 #846E95 #78628A

#C7BBCF - #9E8BAC - #78628A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7BBCF 0%, #9E8BAC 50%, #78628A 100%);
    background: -webkit-linear-gradient(top, #C7BBCF 0%, #9E8BAC 50%, #78628A 100%);
    background: linear-gradient(to bottom, #C7BBCF 0%, #9E8BAC 50%, #78628A 100%);
}
</style>