#C0A8A8 - #8A3E42 | 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 #C0A8A8 to #8A3E42

#C0A8A8 #8A3E42

Calculate the color between two colors, #C0A8A8 and #8A3E42. 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)

#C0A8A8 - #8A3E42 | 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 #C0A8A8 as 0% and #8A3E42 as 100%.

0.0%	0.0% #C0A8A8	RGB 192 168 168	#C0A8A8
16.7%	16.7% #B79697	RGB 183 150 151	#B79697
33.3%	33.3% #AE8486	RGB 174 132 134	#AE8486
50.0%	50.0% #A57375	RGB 165 115 117	#A57375
66.7%	66.7% #9C6164	RGB 156 97 100	#9C6164
83.3%	83.3% #934F53	RGB 147 79 83	#934F53
100.0%	100.0% #8A3E42	RGB 138 62 66	#8A3E42

#C0A8A8 #B79697 #AE8486 #A57375 #9C6164 #934F53 #8A3E42

#C0A8A8 - #8A3E42

HSV Blend

#C0A8A8 - #8A3E42 | 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 #C0A8A8 as 0% and #8A3E42 as 100%.

0.0%	0.0% #C0A8A8	RGB 192 168 168	#C0A8A8
16.7%	16.7% #B79393	RGB 183 147 147	#B79393
33.3%	33.3% #AE7F80	RGB 174 127 128	#AE7F80
50.0%	50.0% #A56D6E	RGB 165 109 110	#A56D6E
66.7%	66.7% #9C5C5E	RGB 156 92 94	#9C5C5E
83.3%	83.3% #934C4F	RGB 147 76 79	#934C4F
100.0%	100.0% #8A3E42	RGB 138 62 66	#8A3E42

#C0A8A8 #B79393 #AE7F80 #A56D6E #9C5C5E #934C4F #8A3E42

#C0A8A8 - #A56D6E - #8A3E42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0A8A8 0%, #A56D6E 50%, #8A3E42 100%);
    background: -webkit-linear-gradient(top, #C0A8A8 0%, #A56D6E 50%, #8A3E42 100%);
    background: linear-gradient(to bottom, #C0A8A8 0%, #A56D6E 50%, #8A3E42 100%);
}
</style>