#C4CAA2 - #84974D | 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 #C4CAA2 to #84974D

#C4CAA2 #84974D

Calculate the color between two colors, #C4CAA2 and #84974D. 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)

#C4CAA2 - #84974D | 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 #C4CAA2 as 0% and #84974D as 100%.

0.0%	0.0% #C4CAA2	RGB 196 202 162	#C4CAA2
16.7%	16.7% #B9C193	RGB 185 193 147	#B9C193
33.3%	33.3% #AEB985	RGB 174 185 133	#AEB985
50.0%	50.0% #A4B077	RGB 164 176 119	#A4B077
66.7%	66.7% #99A869	RGB 153 168 105	#99A869
83.3%	83.3% #8E9F5B	RGB 142 159 91	#8E9F5B
100.0%	100.0% #84974D	RGB 132 151 77	#84974D

#C4CAA2 #B9C193 #AEB985 #A4B077 #99A869 #8E9F5B #84974D

#C4CAA2 - #84974D

HSV Blend

#C4CAA2 - #84974D | 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 #C4CAA2 as 0% and #84974D as 100%.

0.0%	0.0% #C4CAA2	RGB 196 202 162	#C4CAA2
16.7%	16.7% #B9C191	RGB 185 193 145	#B9C191
33.3%	33.3% #AEB982	RGB 174 185 130	#AEB982
50.0%	50.0% #A4B073	RGB 164 176 115	#A4B073
66.7%	66.7% #99A866	RGB 153 168 102	#99A866
83.3%	83.3% #8E9F59	RGB 142 159 89	#8E9F59
100.0%	100.0% #84974D	RGB 132 151 77	#84974D

#C4CAA2 #B9C191 #AEB982 #A4B073 #99A866 #8E9F59 #84974D

#C4CAA2 - #A4B073 - #84974D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4CAA2 0%, #A4B073 50%, #84974D 100%);
    background: -webkit-linear-gradient(top, #C4CAA2 0%, #A4B073 50%, #84974D 100%);
    background: linear-gradient(to bottom, #C4CAA2 0%, #A4B073 50%, #84974D 100%);
}
</style>