#D4CE9A - #AF9946 | 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 #D4CE9A to #AF9946

#D4CE9A #AF9946

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

#D4CE9A - #AF9946 | 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 #D4CE9A as 0% and #AF9946 as 100%.

0.0%	0.0% #D4CE9A	RGB 212 206 154	#D4CE9A
16.7%	16.7% #CDC58C	RGB 205 197 140	#CDC58C
33.3%	33.3% #C7BC7E	RGB 199 188 126	#C7BC7E
50.0%	50.0% #C1B370	RGB 193 179 112	#C1B370
66.7%	66.7% #BBAA62	RGB 187 170 98	#BBAA62
83.3%	83.3% #B5A154	RGB 181 161 84	#B5A154
100.0%	100.0% #AF9946	RGB 175 153 70	#AF9946

#D4CE9A #CDC58C #C7BC7E #C1B370 #BBAA62 #B5A154 #AF9946

#D4CE9A - #AF9946

HSV Blend

#D4CE9A - #AF9946 | 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 #D4CE9A as 0% and #AF9946 as 100%.

0.0%	0.0% #D4CE9A	RGB 212 206 154	#D4CE9A
16.7%	16.7% #CDC58A	RGB 205 197 138	#CDC58A
33.3%	33.3% #C7BD7B	RGB 199 189 123	#C7BD7B
50.0%	50.0% #C1B46C	RGB 193 180 108	#C1B46C
66.7%	66.7% #BBAB5F	RGB 187 171 95	#BBAB5F
83.3%	83.3% #B5A252	RGB 181 162 82	#B5A252
100.0%	100.0% #AF9946	RGB 175 153 70	#AF9946

#D4CE9A #CDC58A #C7BD7B #C1B46C #BBAB5F #B5A252 #AF9946

#D4CE9A - #C1B46C - #AF9946

CSS codes

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

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