#C7A8BA - #994C6D | 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 #C7A8BA to #994C6D

#C7A8BA #994C6D

Calculate the color between two colors, #C7A8BA and #994C6D. 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)

#C7A8BA - #994C6D | 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 #C7A8BA as 0% and #994C6D as 100%.

0.0%	0.0% #C7A8BA	RGB 199 168 186	#C7A8BA
16.7%	16.7% #BF98AD	RGB 191 152 173	#BF98AD
33.3%	33.3% #B789A0	RGB 183 137 160	#B789A0
50.0%	50.0% #B07A93	RGB 176 122 147	#B07A93
66.7%	66.7% #A86A86	RGB 168 106 134	#A86A86
83.3%	83.3% #A05B79	RGB 160 91 121	#A05B79
100.0%	100.0% #994C6D	RGB 153 76 109	#994C6D

#C7A8BA #BF98AD #B789A0 #B07A93 #A86A86 #A05B79 #994C6D

#C7A8BA - #994C6D

HSV Blend

#C7A8BA - #994C6D | 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 #C7A8BA as 0% and #994C6D as 100%.

0.0%	0.0% #C7A8BA	RGB 199 168 186	#C7A8BA
16.7%	16.7% #BF96AD	RGB 191 150 173	#BF96AD
33.3%	33.3% #B785A0	RGB 183 133 160	#B785A0
50.0%	50.0% #B07693	RGB 176 118 147	#B07693
66.7%	66.7% #A86786	RGB 168 103 134	#A86786
83.3%	83.3% #A05979	RGB 160 89 121	#A05979
100.0%	100.0% #994C6D	RGB 153 76 109	#994C6D

#C7A8BA #BF96AD #B785A0 #B07693 #A86786 #A05979 #994C6D

#C7A8BA - #B07693 - #994C6D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7A8BA 0%, #B07693 50%, #994C6D 100%);
    background: -webkit-linear-gradient(top, #C7A8BA 0%, #B07693 50%, #994C6D 100%);
    background: linear-gradient(to bottom, #C7A8BA 0%, #B07693 50%, #994C6D 100%);
}
</style>