#C6BAA2 - #A27C4D | 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 #C6BAA2 to #A27C4D

#C6BAA2 #A27C4D

Calculate the color between two colors, #C6BAA2 and #A27C4D. 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)

#C6BAA2 - #A27C4D | 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 #C6BAA2 as 0% and #A27C4D as 100%.

0.0%	0.0% #C6BAA2	RGB 198 186 162	#C6BAA2
16.7%	16.7% #C0AF93	RGB 192 175 147	#C0AF93
33.3%	33.3% #BAA585	RGB 186 165 133	#BAA585
50.0%	50.0% #B49B77	RGB 180 155 119	#B49B77
66.7%	66.7% #AE9069	RGB 174 144 105	#AE9069
83.3%	83.3% #A8865B	RGB 168 134 91	#A8865B
100.0%	100.0% #A27C4D	RGB 162 124 77	#A27C4D

#C6BAA2 #C0AF93 #BAA585 #B49B77 #AE9069 #A8865B #A27C4D

#C6BAA2 - #A27C4D

HSV Blend

#C6BAA2 - #A27C4D | 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 #C6BAA2 as 0% and #A27C4D as 100%.

0.0%	0.0% #C6BAA2	RGB 198 186 162	#C6BAA2
16.7%	16.7% #C0AF92	RGB 192 175 146	#C0AF92
33.3%	33.3% #BAA582	RGB 186 165 130	#BAA582
50.0%	50.0% #B49B74	RGB 180 155 116	#B49B74
66.7%	66.7% #AE9066	RGB 174 144 102	#AE9066
83.3%	83.3% #A88659	RGB 168 134 89	#A88659
100.0%	100.0% #A27C4D	RGB 162 124 77	#A27C4D

#C6BAA2 #C0AF92 #BAA582 #B49B74 #AE9066 #A88659 #A27C4D

#C6BAA2 - #B49B74 - #A27C4D

CSS codes

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

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