#498A00 - #485A00 | 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 #498A00 to #485A00

#498A00 #485A00

Calculate the color between two colors, #498A00 and #485A00. 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)

#498A00 - #485A00 | 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 #498A00 as 0% and #485A00 as 100%.

0.0%	0.0% #498A00	RGB 73 138 0	#498A00
16.7%	16.7% #488200	RGB 72 130 0	#488200
33.3%	33.3% #487A00	RGB 72 122 0	#487A00
50.0%	50.0% #487200	RGB 72 114 0	#487200
66.7%	66.7% #486A00	RGB 72 106 0	#486A00
83.3%	83.3% #486200	RGB 72 98 0	#486200
100.0%	100.0% #485A00	RGB 72 90 0	#485A00

#498A00 #488200 #487A00 #487200 #486A00 #486200 #485A00

#498A00 - #485A00

HSV Blend

#498A00 - #485A00 | 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 #498A00 as 0% and #485A00 as 100%.

0.0%	0.0% #488A00	RGB 72 138 0	#488A00
16.7%	16.7% #4A8200	RGB 74 130 0	#4A8200
33.3%	33.3% #4B7A00	RGB 75 122 0	#4B7A00
50.0%	50.0% #4B7200	RGB 75 114 0	#4B7200
66.7%	66.7% #4B6A00	RGB 75 106 0	#4B6A00
83.3%	83.3% #496200	RGB 73 98 0	#496200
100.0%	100.0% #485A00	RGB 72 90 0	#485A00

#488A00 #4A8200 #4B7A00 #4B7200 #4B6A00 #496200 #485A00

#498A00 - #4B7200 - #485A00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488A00 0%, #4B7200 50%, #485A00 100%);
    background: -webkit-linear-gradient(top, #488A00 0%, #4B7200 50%, #485A00 100%);
    background: linear-gradient(to bottom, #488A00 0%, #4B7200 50%, #485A00 100%);
}
</style>