#99A25D - #5A6B19 | 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 #5A6B19

#99A25D #5A6B19

Calculate the color between two colors, #99A25D and #5A6B19. 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 - #5A6B19 | 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 #5A6B19 as 100%.

0.0%	0.0% #99A25D	RGB 153 162 93	#99A25D
16.7%	16.7% #8E9851	RGB 142 152 81	#8E9851
33.3%	33.3% #848F46	RGB 132 143 70	#848F46
50.0%	50.0% #79863B	RGB 121 134 59	#79863B
66.7%	66.7% #6F7D2F	RGB 111 125 47	#6F7D2F
83.3%	83.3% #647424	RGB 100 116 36	#647424
100.0%	100.0% #5A6B19	RGB 90 107 25	#5A6B19

#99A25D #8E9851 #848F46 #79863B #6F7D2F #647424 #5A6B19

#99A25D - #5A6B19

HSV Blend

#99A25D - #5A6B19 | 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 #5A6B19 as 100%.

0.0%	0.0% #99A25D	RGB 153 162 93	#99A25D
16.7%	16.7% #8E984F	RGB 142 152 79	#8E984F
33.3%	33.3% #838F42	RGB 131 143 66	#838F42
50.0%	50.0% #788636	RGB 120 134 54	#788636
66.7%	66.7% #6E7D2B	RGB 110 125 43	#6E7D2B
83.3%	83.3% #647421	RGB 100 116 33	#647421
100.0%	100.0% #5A6B19	RGB 90 107 25	#5A6B19

#99A25D #8E984F #838F42 #788636 #6E7D2B #647421 #5A6B19

#99A25D - #788636 - #5A6B19

CSS codes

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

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