#99A25D - #F8DB82 | 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 #99A25D to #F8DB82

#99A25D #F8DB82

Calculate the color between two colors, #99A25D and #F8DB82. 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)

#99A25D - #F8DB82 | 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 #99A25D as 0% and #F8DB82 as 100%.

0.0%	0.0% #99A25D	RGB 153 162 93	#99A25D
16.7%	16.7% #A8AB63	RGB 168 171 99	#A8AB63
33.3%	33.3% #B8B569	RGB 184 181 105	#B8B569
50.0%	50.0% #C8BE6F	RGB 200 190 111	#C8BE6F
66.7%	66.7% #D8C875	RGB 216 200 117	#D8C875
83.3%	83.3% #E8D17B	RGB 232 209 123	#E8D17B
100.0%	100.0% #F8DB82	RGB 248 219 130	#F8DB82

#99A25D #A8AB63 #B8B569 #C8BE6F #D8C875 #E8D17B #F8DB82

#99A25D - #F8DB82

HSV Blend

#99A25D - #F8DB82 | 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 #99A25D as 0% and #F8DB82 as 100%.

0.0%	0.0% #99A25D	RGB 153 162 93	#99A25D
16.7%	16.7% #ABB063	RGB 171 176 99	#ABB063
33.3%	33.3% #BEBE6A	RGB 190 190 106	#BEBE6A
50.0%	50.0% #CDC770	RGB 205 199 112	#CDC770
66.7%	66.7% #DBCF76	RGB 219 207 118	#DBCF76
83.3%	83.3% #E9D57C	RGB 233 213 124	#E9D57C
100.0%	100.0% #F8DB82	RGB 248 219 130	#F8DB82

#99A25D #ABB063 #BEBE6A #CDC770 #DBCF76 #E9D57C #F8DB82

#99A25D - #CDC770 - #F8DB82

CSS codes

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

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