#DAC38C - #B69D3C | 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 #DAC38C to #B69D3C

#DAC38C #B69D3C

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

#DAC38C - #B69D3C | 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 #DAC38C as 0% and #B69D3C as 100%.

0.0%	0.0% #DAC38C	RGB 218 195 140	#DAC38C
16.7%	16.7% #D4BC7E	RGB 212 188 126	#D4BC7E
33.3%	33.3% #CEB671	RGB 206 182 113	#CEB671
50.0%	50.0% #C8B064	RGB 200 176 100	#C8B064
66.7%	66.7% #C2A956	RGB 194 169 86	#C2A956
83.3%	83.3% #BCA349	RGB 188 163 73	#BCA349
100.0%	100.0% #B69D3C	RGB 182 157 60	#B69D3C

#DAC38C #D4BC7E #CEB671 #C8B064 #C2A956 #BCA349 #B69D3C

#DAC38C - #B69D3C

HSV Blend

#DAC38C - #B69D3C | 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 #DAC38C as 0% and #B69D3C as 100%.

0.0%	0.0% #DAC38C	RGB 218 195 140	#DAC38C
16.7%	16.7% #D4BB7D	RGB 212 187 125	#D4BB7D
33.3%	33.3% #CEB46E	RGB 206 180 110	#CEB46E
50.0%	50.0% #C8AE61	RGB 200 174 97	#C8AE61
66.7%	66.7% #C2A854	RGB 194 168 84	#C2A854
83.3%	83.3% #BCA247	RGB 188 162 71	#BCA247
100.0%	100.0% #B69D3C	RGB 182 157 60	#B69D3C

#DAC38C #D4BB7D #CEB46E #C8AE61 #C2A854 #BCA247 #B69D3C

#DAC38C - #C8AE61 - #B69D3C

CSS codes

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

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