#CCAE8D - #AD7439 | 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 #CCAE8D to #AD7439

#CCAE8D #AD7439

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

#CCAE8D - #AD7439 | 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 #CCAE8D as 0% and #AD7439 as 100%.

0.0%	0.0% #CCAE8D	RGB 204 174 141	#CCAE8D
16.7%	16.7% #C6A47F	RGB 198 164 127	#C6A47F
33.3%	33.3% #C19A71	RGB 193 154 113	#C19A71
50.0%	50.0% #BC9163	RGB 188 145 99	#BC9163
66.7%	66.7% #B78755	RGB 183 135 85	#B78755
83.3%	83.3% #B27D47	RGB 178 125 71	#B27D47
100.0%	100.0% #AD7439	RGB 173 116 57	#AD7439

#CCAE8D #C6A47F #C19A71 #BC9163 #B78755 #B27D47 #AD7439

#CCAE8D - #AD7439

HSV Blend

#CCAE8D - #AD7439 | 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 #CCAE8D as 0% and #AD7439 as 100%.

0.0%	0.0% #CCAE8D	RGB 204 174 141	#CCAE8D
16.7%	16.7% #C6A37D	RGB 198 163 125	#C6A37D
33.3%	33.3% #C1996E	RGB 193 153 110	#C1996E
50.0%	50.0% #BC8F60	RGB 188 143 96	#BC8F60
66.7%	66.7% #B78652	RGB 183 134 82	#B78652
83.3%	83.3% #B27D45	RGB 178 125 69	#B27D45
100.0%	100.0% #AD7439	RGB 173 116 57	#AD7439

#CCAE8D #C6A37D #C1996E #BC8F60 #B78652 #B27D45 #AD7439

#CCAE8D - #BC8F60 - #AD7439

CSS codes

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

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