#9D9D5E - #FFD479 | 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 #9D9D5E to #FFD479

#9D9D5E #FFD479

Calculate the color between two colors, #9D9D5E and #FFD479. 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)

#9D9D5E - #FFD479 | 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 #9D9D5E as 0% and #FFD479 as 100%.

0.0%	0.0% #9D9D5E	RGB 157 157 94	#9D9D5E
16.7%	16.7% #ADA662	RGB 173 166 98	#ADA662
33.3%	33.3% #BDAF67	RGB 189 175 103	#BDAF67
50.0%	50.0% #CEB86B	RGB 206 184 107	#CEB86B
66.7%	66.7% #DEC170	RGB 222 193 112	#DEC170
83.3%	83.3% #EECA74	RGB 238 202 116	#EECA74
100.0%	100.0% #FFD479	RGB 255 212 121	#FFD479

#9D9D5E #ADA662 #BDAF67 #CEB86B #DEC170 #EECA74 #FFD479

#9D9D5E - #FFD479

HSV Blend

#9D9D5E - #FFD479 | 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 #9D9D5E as 0% and #FFD479 as 100%.

0.0%	0.0% #9D9D5E	RGB 157 157 94	#9D9D5E
16.7%	16.7% #ADA964	RGB 173 169 100	#ADA964
33.3%	33.3% #BDB469	RGB 189 180 105	#BDB469
50.0%	50.0% #CEBE6E	RGB 206 190 110	#CEBE6E
66.7%	66.7% #DEC772	RGB 222 199 114	#DEC772
83.3%	83.3% #EECE76	RGB 238 206 118	#EECE76
100.0%	100.0% #FFD479	RGB 255 212 121	#FFD479

#9D9D5E #ADA964 #BDB469 #CEBE6E #DEC772 #EECE76 #FFD479

#9D9D5E - #CEBE6E - #FFD479

CSS codes

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

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