#CCB9A0 - #AA784B | 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 #CCB9A0 to #AA784B

#CCB9A0 #AA784B

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

#CCB9A0 - #AA784B | 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 #CCB9A0 as 0% and #AA784B as 100%.

0.0%	0.0% #CCB9A0	RGB 204 185 160	#CCB9A0
16.7%	16.7% #C6AE91	RGB 198 174 145	#C6AE91
33.3%	33.3% #C0A383	RGB 192 163 131	#C0A383
50.0%	50.0% #BB9875	RGB 187 152 117	#BB9875
66.7%	66.7% #B58D67	RGB 181 141 103	#B58D67
83.3%	83.3% #AF8259	RGB 175 130 89	#AF8259
100.0%	100.0% #AA784B	RGB 170 120 75	#AA784B

#CCB9A0 #C6AE91 #C0A383 #BB9875 #B58D67 #AF8259 #AA784B

#CCB9A0 - #AA784B

HSV Blend

#CCB9A0 - #AA784B | 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 #CCB9A0 as 0% and #AA784B as 100%.

0.0%	0.0% #CCB9A0	RGB 204 185 160	#CCB9A0
16.7%	16.7% #C6AE90	RGB 198 174 144	#C6AE90
33.3%	33.3% #C0A381	RGB 192 163 129	#C0A381
50.0%	50.0% #BB9872	RGB 187 152 114	#BB9872
66.7%	66.7% #B58D64	RGB 181 141 100	#B58D64
83.3%	83.3% #AF8257	RGB 175 130 87	#AF8257
100.0%	100.0% #AA784B	RGB 170 120 75	#AA784B

#CCB9A0 #C6AE90 #C0A381 #BB9872 #B58D64 #AF8257 #AA784B

#CCB9A0 - #BB9872 - #AA784B

CSS codes

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

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