#DCBD6B - #BA8122 | 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 #DCBD6B to #BA8122

#DCBD6B #BA8122

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

#DCBD6B - #BA8122 | 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 #DCBD6B as 0% and #BA8122 as 100%.

0.0%	0.0% #DCBD6B	RGB 220 189 107	#DCBD6B
16.7%	16.7% #D6B35E	RGB 214 179 94	#D6B35E
33.3%	33.3% #D0A952	RGB 208 169 82	#D0A952
50.0%	50.0% #CB9F46	RGB 203 159 70	#CB9F46
66.7%	66.7% #C5953A	RGB 197 149 58	#C5953A
83.3%	83.3% #BF8B2E	RGB 191 139 46	#BF8B2E
100.0%	100.0% #BA8122	RGB 186 129 34	#BA8122

#DCBD6B #D6B35E #D0A952 #CB9F46 #C5953A #BF8B2E #BA8122

#DCBD6B - #BA8122

HSV Blend

#DCBD6B - #BA8122 | 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 #DCBD6B as 0% and #BA8122 as 100%.

0.0%	0.0% #DCBD6B	RGB 220 189 107	#DCBD6B
16.7%	16.7% #D6B35D	RGB 214 179 93	#D6B35D
33.3%	33.3% #D0A950	RGB 208 169 80	#D0A950
50.0%	50.0% #CB9F43	RGB 203 159 67	#CB9F43
66.7%	66.7% #C59538	RGB 197 149 56	#C59538
83.3%	83.3% #BF8B2C	RGB 191 139 44	#BF8B2C
100.0%	100.0% #BA8122	RGB 186 129 34	#BA8122

#DCBD6B #D6B35D #D0A950 #CB9F43 #C59538 #BF8B2C #BA8122

#DCBD6B - #CB9F43 - #BA8122

CSS codes

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

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