#CCAE8C - #AA6C39 | 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 #CCAE8C to #AA6C39

#CCAE8C #AA6C39

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

#CCAE8C - #AA6C39 | 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 #CCAE8C as 0% and #AA6C39 as 100%.

0.0%	0.0% #CCAE8C	RGB 204 174 140	#CCAE8C
16.7%	16.7% #C6A37E	RGB 198 163 126	#C6A37E
33.3%	33.3% #C09870	RGB 192 152 112	#C09870
50.0%	50.0% #BB8D62	RGB 187 141 98	#BB8D62
66.7%	66.7% #B58254	RGB 181 130 84	#B58254
83.3%	83.3% #AF7746	RGB 175 119 70	#AF7746
100.0%	100.0% #AA6C39	RGB 170 108 57	#AA6C39

#CCAE8C #C6A37E #C09870 #BB8D62 #B58254 #AF7746 #AA6C39

#CCAE8C - #AA6C39

HSV Blend

#CCAE8C - #AA6C39 | 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 #CCAE8C as 0% and #AA6C39 as 100%.

0.0%	0.0% #CCAE8C	RGB 204 174 140	#CCAE8C
16.7%	16.7% #C6A27C	RGB 198 162 124	#C6A27C
33.3%	33.3% #C0976D	RGB 192 151 109	#C0976D
50.0%	50.0% #BB8C5F	RGB 187 140 95	#BB8C5F
66.7%	66.7% #B58152	RGB 181 129 82	#B58152
83.3%	83.3% #AF7645	RGB 175 118 69	#AF7645
100.0%	100.0% #AA6C39	RGB 170 108 57	#AA6C39

#CCAE8C #C6A27C #C0976D #BB8C5F #B58152 #AF7645 #AA6C39

#CCAE8C - #BB8C5F - #AA6C39

CSS codes

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

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