#C3CAA4 - #83974F | 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 #C3CAA4 to #83974F

#C3CAA4 #83974F

Calculate the color between two colors, #C3CAA4 and #83974F. 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)

#C3CAA4 - #83974F | 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 #C3CAA4 as 0% and #83974F as 100%.

0.0%	0.0% #C3CAA4	RGB 195 202 164	#C3CAA4
16.7%	16.7% #B8C195	RGB 184 193 149	#B8C195
33.3%	33.3% #ADB987	RGB 173 185 135	#ADB987
50.0%	50.0% #A3B079	RGB 163 176 121	#A3B079
66.7%	66.7% #98A86B	RGB 152 168 107	#98A86B
83.3%	83.3% #8D9F5D	RGB 141 159 93	#8D9F5D
100.0%	100.0% #83974F	RGB 131 151 79	#83974F

#C3CAA4 #B8C195 #ADB987 #A3B079 #98A86B #8D9F5D #83974F

#C3CAA4 - #83974F

HSV Blend

#C3CAA4 - #83974F | 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 #C3CAA4 as 0% and #83974F as 100%.

0.0%	0.0% #C3CAA4	RGB 195 202 164	#C3CAA4
16.7%	16.7% #B8C193	RGB 184 193 147	#B8C193
33.3%	33.3% #ADB984	RGB 173 185 132	#ADB984
50.0%	50.0% #A2B075	RGB 162 176 117	#A2B075
66.7%	66.7% #98A868	RGB 152 168 104	#98A868
83.3%	83.3% #8D9F5B	RGB 141 159 91	#8D9F5B
100.0%	100.0% #83974F	RGB 131 151 79	#83974F

#C3CAA4 #B8C193 #ADB984 #A2B075 #98A868 #8D9F5B #83974F

#C3CAA4 - #A2B075 - #83974F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3CAA4 0%, #A2B075 50%, #83974F 100%);
    background: -webkit-linear-gradient(top, #C3CAA4 0%, #A2B075 50%, #83974F 100%);
    background: linear-gradient(to bottom, #C3CAA4 0%, #A2B075 50%, #83974F 100%);
}
</style>