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

#C8A8BA #994C6D

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

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

0.0%	0.0% #C8A8BA	RGB 200 168 186	#C8A8BA
16.7%	16.7% #C098AD	RGB 192 152 173	#C098AD
33.3%	33.3% #B889A0	RGB 184 137 160	#B889A0
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

#C8A8BA #C098AD #B889A0 #B07A93 #A86A86 #A05B79 #994C6D

#C8A8BA - #994C6D

HSV Blend

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

0.0%	0.0% #C8A8BA	RGB 200 168 186	#C8A8BA
16.7%	16.7% #C096AC	RGB 192 150 172	#C096AC
33.3%	33.3% #B8859F	RGB 184 133 159	#B8859F
50.0%	50.0% #B07592	RGB 176 117 146	#B07592
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

#C8A8BA #C096AC #B8859F #B07592 #A86786 #A05979 #994C6D

#C8A8BA - #B07592 - #994C6D

CSS codes

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

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