#DAC06B - #AD9A24 | 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 #DAC06B to #AD9A24

#DAC06B #AD9A24

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

#DAC06B - #AD9A24 | 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 #DAC06B as 0% and #AD9A24 as 100%.

0.0%	0.0% #DAC06B	RGB 218 192 107	#DAC06B
16.7%	16.7% #D2B95F	RGB 210 185 95	#D2B95F
33.3%	33.3% #CBB353	RGB 203 179 83	#CBB353
50.0%	50.0% #C3AD47	RGB 195 173 71	#C3AD47
66.7%	66.7% #BCA63B	RGB 188 166 59	#BCA63B
83.3%	83.3% #B4A02F	RGB 180 160 47	#B4A02F
100.0%	100.0% #AD9A24	RGB 173 154 36	#AD9A24

#DAC06B #D2B95F #CBB353 #C3AD47 #BCA63B #B4A02F #AD9A24

#DAC06B - #AD9A24

HSV Blend

#DAC06B - #AD9A24 | 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 #DAC06B as 0% and #AD9A24 as 100%.

0.0%	0.0% #DAC06B	RGB 218 192 107	#DAC06B
16.7%	16.7% #D2B85D	RGB 210 184 93	#D2B85D
33.3%	33.3% #CBB250	RGB 203 178 80	#CBB250
50.0%	50.0% #C3AB44	RGB 195 171 68	#C3AB44
66.7%	66.7% #BCA538	RGB 188 165 56	#BCA538
83.3%	83.3% #B49F2E	RGB 180 159 46	#B49F2E
100.0%	100.0% #AD9A24	RGB 173 154 36	#AD9A24

#DAC06B #D2B85D #CBB250 #C3AB44 #BCA538 #B49F2E #AD9A24

#DAC06B - #C3AB44 - #AD9A24

CSS codes

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

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