#B5A24D - #FFD76C | 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 #B5A24D to #FFD76C

#B5A24D #FFD76C

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

#B5A24D - #FFD76C | 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 #B5A24D as 0% and #FFD76C as 100%.

0.0%	0.0% #B5A24D	RGB 181 162 77	#B5A24D
16.7%	16.7% #C1AA52	RGB 193 170 82	#C1AA52
33.3%	33.3% #CDB357	RGB 205 179 87	#CDB357
50.0%	50.0% #DABC5C	RGB 218 188 92	#DABC5C
66.7%	66.7% #E6C561	RGB 230 197 97	#E6C561
83.3%	83.3% #F2CE66	RGB 242 206 102	#F2CE66
100.0%	100.0% #FFD76C	RGB 255 215 108	#FFD76C

#B5A24D #C1AA52 #CDB357 #DABC5C #E6C561 #F2CE66 #FFD76C

#B5A24D - #FFD76C

HSV Blend

#B5A24D - #FFD76C | 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 #B5A24D as 0% and #FFD76C as 100%.

0.0%	0.0% #B5A24D	RGB 181 162 77	#B5A24D
16.7%	16.7% #C1AB52	RGB 193 171 82	#C1AB52
33.3%	33.3% #CDB457	RGB 205 180 87	#CDB457
50.0%	50.0% #DABD5C	RGB 218 189 92	#DABD5C
66.7%	66.7% #E6C661	RGB 230 198 97	#E6C661
83.3%	83.3% #F2CE66	RGB 242 206 102	#F2CE66
100.0%	100.0% #FFD76C	RGB 255 215 108	#FFD76C

#B5A24D #C1AB52 #CDB457 #DABD5C #E6C661 #F2CE66 #FFD76C

#B5A24D - #DABD5C - #FFD76C

CSS codes

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

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