#CCAB7B - #AA7C2B | 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 #CCAB7B to #AA7C2B

#CCAB7B #AA7C2B

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

#CCAB7B - #AA7C2B | 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 #CCAB7B as 0% and #AA7C2B as 100%.

0.0%	0.0% #CCAB7B	RGB 204 171 123	#CCAB7B
16.7%	16.7% #C6A36D	RGB 198 163 109	#C6A36D
33.3%	33.3% #C09B60	RGB 192 155 96	#C09B60
50.0%	50.0% #BB9353	RGB 187 147 83	#BB9353
66.7%	66.7% #B58B45	RGB 181 139 69	#B58B45
83.3%	83.3% #AF8338	RGB 175 131 56	#AF8338
100.0%	100.0% #AA7C2B	RGB 170 124 43	#AA7C2B

#CCAB7B #C6A36D #C09B60 #BB9353 #B58B45 #AF8338 #AA7C2B

#CCAB7B - #AA7C2B

HSV Blend

#CCAB7B - #AA7C2B | 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 #CCAB7B as 0% and #AA7C2B as 100%.

0.0%	0.0% #CCAB7B	RGB 204 171 123	#CCAB7B
16.7%	16.7% #C6A26C	RGB 198 162 108	#C6A26C
33.3%	33.3% #C0995D	RGB 192 153 93	#C0995D
50.0%	50.0% #BB9150	RGB 187 145 80	#BB9150
66.7%	66.7% #B58A43	RGB 181 138 67	#B58A43
83.3%	83.3% #AF8236	RGB 175 130 54	#AF8236
100.0%	100.0% #AA7C2B	RGB 170 124 43	#AA7C2B

#CCAB7B #C6A26C #C0995D #BB9150 #B58A43 #AF8236 #AA7C2B

#CCAB7B - #BB9150 - #AA7C2B

CSS codes

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

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