#CCAD8A - #AD7437 | 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 #CCAD8A to #AD7437

#CCAD8A #AD7437

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

#CCAD8A - #AD7437 | 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 #CCAD8A as 0% and #AD7437 as 100%.

0.0%	0.0% #CCAD8A	RGB 204 173 138	#CCAD8A
16.7%	16.7% #C6A37C	RGB 198 163 124	#C6A37C
33.3%	33.3% #C19A6E	RGB 193 154 110	#C19A6E
50.0%	50.0% #BC9060	RGB 188 144 96	#BC9060
66.7%	66.7% #B78752	RGB 183 135 82	#B78752
83.3%	83.3% #B27D44	RGB 178 125 68	#B27D44
100.0%	100.0% #AD7437	RGB 173 116 55	#AD7437

#CCAD8A #C6A37C #C19A6E #BC9060 #B78752 #B27D44 #AD7437

#CCAD8A - #AD7437

HSV Blend

#CCAD8A - #AD7437 | 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 #CCAD8A as 0% and #AD7437 as 100%.

0.0%	0.0% #CCAD8A	RGB 204 173 138	#CCAD8A
16.7%	16.7% #C6A27A	RGB 198 162 122	#C6A27A
33.3%	33.3% #C1986B	RGB 193 152 107	#C1986B
50.0%	50.0% #BC8F5D	RGB 188 143 93	#BC8F5D
66.7%	66.7% #B78550	RGB 183 133 80	#B78550
83.3%	83.3% #B27C43	RGB 178 124 67	#B27C43
100.0%	100.0% #AD7437	RGB 173 116 55	#AD7437

#CCAD8A #C6A27A #C1986B #BC8F5D #B78550 #B27C43 #AD7437

#CCAD8A - #BC8F5D - #AD7437

CSS codes

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

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