#D3C37B - #AF8A2D | 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 #D3C37B to #AF8A2D

#D3C37B #AF8A2D

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

#D3C37B - #AF8A2D | 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 #D3C37B as 0% and #AF8A2D as 100%.

0.0%	0.0% #D3C37B	RGB 211 195 123	#D3C37B
16.7%	16.7% #CDB96E	RGB 205 185 110	#CDB96E
33.3%	33.3% #C7B061	RGB 199 176 97	#C7B061
50.0%	50.0% #C1A654	RGB 193 166 84	#C1A654
66.7%	66.7% #BB9D47	RGB 187 157 71	#BB9D47
83.3%	83.3% #B5933A	RGB 181 147 58	#B5933A
100.0%	100.0% #AF8A2D	RGB 175 138 45	#AF8A2D

#D3C37B #CDB96E #C7B061 #C1A654 #BB9D47 #B5933A #AF8A2D

#D3C37B - #AF8A2D

HSV Blend

#D3C37B - #AF8A2D | 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 #D3C37B as 0% and #AF8A2D as 100%.

0.0%	0.0% #D3C37B	RGB 211 195 123	#D3C37B
16.7%	16.7% #CDB96C	RGB 205 185 108	#CDB96C
33.3%	33.3% #C7B05E	RGB 199 176 94	#C7B05E
50.0%	50.0% #C1A651	RGB 193 166 81	#C1A651
66.7%	66.7% #BB9D44	RGB 187 157 68	#BB9D44
83.3%	83.3% #B59338	RGB 181 147 56	#B59338
100.0%	100.0% #AF8A2D	RGB 175 138 45	#AF8A2D

#D3C37B #CDB96C #C7B05E #C1A651 #BB9D44 #B59338 #AF8A2D

#D3C37B - #C1A651 - #AF8A2D

CSS codes

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

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