#DDBC3E - #B17C0E | 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 #DDBC3E to #B17C0E

#DDBC3E #B17C0E

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

#DDBC3E - #B17C0E | 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 #DDBC3E as 0% and #B17C0E as 100%.

0.0%	0.0% #DDBC3E	RGB 221 188 62	#DDBC3E
16.7%	16.7% #D5B136	RGB 213 177 54	#D5B136
33.3%	33.3% #CEA62E	RGB 206 166 46	#CEA62E
50.0%	50.0% #C79C26	RGB 199 156 38	#C79C26
66.7%	66.7% #BF911E	RGB 191 145 30	#BF911E
83.3%	83.3% #B88616	RGB 184 134 22	#B88616
100.0%	100.0% #B17C0E	RGB 177 124 14	#B17C0E

#DDBC3E #D5B136 #CEA62E #C79C26 #BF911E #B88616 #B17C0E

#DDBC3E - #B17C0E

HSV Blend

#DDBC3E - #B17C0E | 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 #DDBC3E as 0% and #B17C0E as 100%.

0.0%	0.0% #DDBC3E	RGB 221 188 62	#DDBC3E
16.7%	16.7% #D5B134	RGB 213 177 52	#D5B134
33.3%	33.3% #CEA62C	RGB 206 166 44	#CEA62C
50.0%	50.0% #C79B23	RGB 199 155 35	#C79B23
66.7%	66.7% #BF901C	RGB 191 144 28	#BF901C
83.3%	83.3% #B88614	RGB 184 134 20	#B88614
100.0%	100.0% #B17C0E	RGB 177 124 14	#B17C0E

#DDBC3E #D5B134 #CEA62C #C79B23 #BF901C #B88614 #B17C0E

#DDBC3E - #C79B23 - #B17C0E

CSS codes

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

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