#CFAD7B - #AD7E2A | 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 #CFAD7B to #AD7E2A

#CFAD7B #AD7E2A

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

#CFAD7B - #AD7E2A | 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 #CFAD7B as 0% and #AD7E2A as 100%.

0.0%	0.0% #CFAD7B	RGB 207 173 123	#CFAD7B
16.7%	16.7% #C9A56D	RGB 201 165 109	#C9A56D
33.3%	33.3% #C39D60	RGB 195 157 96	#C39D60
50.0%	50.0% #BE9552	RGB 190 149 82	#BE9552
66.7%	66.7% #B88D45	RGB 184 141 69	#B88D45
83.3%	83.3% #B28537	RGB 178 133 55	#B28537
100.0%	100.0% #AD7E2A	RGB 173 126 42	#AD7E2A

#CFAD7B #C9A56D #C39D60 #BE9552 #B88D45 #B28537 #AD7E2A

#CFAD7B - #AD7E2A

HSV Blend

#CFAD7B - #AD7E2A | 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 #CFAD7B as 0% and #AD7E2A as 100%.

0.0%	0.0% #CFAD7B	RGB 207 173 123	#CFAD7B
16.7%	16.7% #C9A46B	RGB 201 164 107	#C9A46B
33.3%	33.3% #C39B5D	RGB 195 155 93	#C39B5D
50.0%	50.0% #BE934F	RGB 190 147 79	#BE934F
66.7%	66.7% #B88C42	RGB 184 140 66	#B88C42
83.3%	83.3% #B28435	RGB 178 132 53	#B28435
100.0%	100.0% #AD7E2A	RGB 173 126 42	#AD7E2A

#CFAD7B #C9A46B #C39B5D #BE934F #B88C42 #B28435 #AD7E2A

#CFAD7B - #BE934F - #AD7E2A

CSS codes

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

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