#DCCF89 - #BA9A37 | 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 #DCCF89 to #BA9A37

#DCCF89 #BA9A37

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

#DCCF89 - #BA9A37 | 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 #DCCF89 as 0% and #BA9A37 as 100%.

0.0%	0.0% #DCCF89	RGB 220 207 137	#DCCF89
16.7%	16.7% #D6C67B	RGB 214 198 123	#D6C67B
33.3%	33.3% #D0BD6D	RGB 208 189 109	#D0BD6D
50.0%	50.0% #CBB460	RGB 203 180 96	#CBB460
66.7%	66.7% #C5AB52	RGB 197 171 82	#C5AB52
83.3%	83.3% #BFA244	RGB 191 162 68	#BFA244
100.0%	100.0% #BA9A37	RGB 186 154 55	#BA9A37

#DCCF89 #D6C67B #D0BD6D #CBB460 #C5AB52 #BFA244 #BA9A37

#DCCF89 - #BA9A37

HSV Blend

#DCCF89 - #BA9A37 | 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 #DCCF89 as 0% and #BA9A37 as 100%.

0.0%	0.0% #DCCF89	RGB 220 207 137	#DCCF89
16.7%	16.7% #D6C679	RGB 214 198 121	#D6C679
33.3%	33.3% #D0BD6B	RGB 208 189 107	#D0BD6B
50.0%	50.0% #CBB45D	RGB 203 180 93	#CBB45D
66.7%	66.7% #C5AC4F	RGB 197 172 79	#C5AC4F
83.3%	83.3% #BFA343	RGB 191 163 67	#BFA343
100.0%	100.0% #BA9A37	RGB 186 154 55	#BA9A37

#DCCF89 #D6C679 #D0BD6B #CBB45D #C5AC4F #BFA343 #BA9A37

#DCCF89 - #CBB45D - #BA9A37

CSS codes

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

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