#CCAD8B - #AD7338 | 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 #CCAD8B to #AD7338

#CCAD8B #AD7338

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

#CCAD8B - #AD7338 | 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 #CCAD8B as 0% and #AD7338 as 100%.

0.0%	0.0% #CCAD8B	RGB 204 173 139	#CCAD8B
16.7%	16.7% #C6A37D	RGB 198 163 125	#C6A37D
33.3%	33.3% #C1996F	RGB 193 153 111	#C1996F
50.0%	50.0% #BC9061	RGB 188 144 97	#BC9061
66.7%	66.7% #B78653	RGB 183 134 83	#B78653
83.3%	83.3% #B27C45	RGB 178 124 69	#B27C45
100.0%	100.0% #AD7338	RGB 173 115 56	#AD7338

#CCAD8B #C6A37D #C1996F #BC9061 #B78653 #B27C45 #AD7338

#CCAD8B - #AD7338

HSV Blend

#CCAD8B - #AD7338 | 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 #CCAD8B as 0% and #AD7338 as 100%.

0.0%	0.0% #CCAD8B	RGB 204 173 139	#CCAD8B
16.7%	16.7% #C6A27B	RGB 198 162 123	#C6A27B
33.3%	33.3% #C1986C	RGB 193 152 108	#C1986C
50.0%	50.0% #BC8E5E	RGB 188 142 94	#BC8E5E
66.7%	66.7% #B78551	RGB 183 133 81	#B78551
83.3%	83.3% #B27C44	RGB 178 124 68	#B27C44
100.0%	100.0% #AD7338	RGB 173 115 56	#AD7338

#CCAD8B #C6A27B #C1986C #BC8E5E #B78551 #B27C44 #AD7338

#CCAD8B - #BC8E5E - #AD7338

CSS codes

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

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