#CCBA92 - #A87D3E | 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 #CCBA92 to #A87D3E

#CCBA92 #A87D3E

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

#CCBA92 - #A87D3E | 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 #CCBA92 as 0% and #A87D3E as 100%.

0.0%	0.0% #CCBA92	RGB 204 186 146	#CCBA92
16.7%	16.7% #C6AF84	RGB 198 175 132	#C6AF84
33.3%	33.3% #C0A576	RGB 192 165 118	#C0A576
50.0%	50.0% #BA9B68	RGB 186 155 104	#BA9B68
66.7%	66.7% #B4915A	RGB 180 145 90	#B4915A
83.3%	83.3% #AE874C	RGB 174 135 76	#AE874C
100.0%	100.0% #A87D3E	RGB 168 125 62	#A87D3E

#CCBA92 #C6AF84 #C0A576 #BA9B68 #B4915A #AE874C #A87D3E

#CCBA92 - #A87D3E

HSV Blend

#CCBA92 - #A87D3E | 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 #CCBA92 as 0% and #A87D3E as 100%.

0.0%	0.0% #CCBA92	RGB 204 186 146	#CCBA92
16.7%	16.7% #C6AF82	RGB 198 175 130	#C6AF82
33.3%	33.3% #C0A573	RGB 192 165 115	#C0A573
50.0%	50.0% #BA9B64	RGB 186 155 100	#BA9B64
66.7%	66.7% #B49157	RGB 180 145 87	#B49157
83.3%	83.3% #AE874A	RGB 174 135 74	#AE874A
100.0%	100.0% #A87D3E	RGB 168 125 62	#A87D3E

#CCBA92 #C6AF82 #C0A573 #BA9B64 #B49157 #AE874A #A87D3E

#CCBA92 - #BA9B64 - #A87D3E

CSS codes

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

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