#7A8A00 - #36480B | 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 #7A8A00 to #36480B

#7A8A00 #36480B

Calculate the color between two colors, #7A8A00 and #36480B. 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)

#7A8A00 - #36480B | 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 #7A8A00 as 0% and #36480B as 100%.

0.0%	0.0% #7A8A00	RGB 122 138 0	#7A8A00
16.7%	16.7% #6E7F01	RGB 110 127 1	#6E7F01
33.3%	33.3% #637403	RGB 99 116 3	#637403
50.0%	50.0% #586905	RGB 88 105 5	#586905
66.7%	66.7% #4C5E07	RGB 76 94 7	#4C5E07
83.3%	83.3% #415309	RGB 65 83 9	#415309
100.0%	100.0% #36480B	RGB 54 72 11	#36480B

#7A8A00 #6E7F01 #637403 #586905 #4C5E07 #415309 #36480B

#7A8A00 - #36480B

HSV Blend

#7A8A00 - #36480B | 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 #7A8A00 as 0% and #36480B as 100%.

0.0%	0.0% #7A8A00	RGB 122 138 0	#7A8A00
16.7%	16.7% #6C7F03	RGB 108 127 3	#6C7F03
33.3%	33.3% #607405	RGB 96 116 5	#607405
50.0%	50.0% #556908	RGB 85 105 8	#556908
66.7%	66.7% #4A5E09	RGB 74 94 9	#4A5E09
83.3%	83.3% #3F530A	RGB 63 83 10	#3F530A
100.0%	100.0% #36480B	RGB 54 72 11	#36480B

#7A8A00 #6C7F03 #607405 #556908 #4A5E09 #3F530A #36480B

#7A8A00 - #556908 - #36480B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8A00 0%, #556908 50%, #36480B 100%);
    background: -webkit-linear-gradient(top, #7A8A00 0%, #556908 50%, #36480B 100%);
    background: linear-gradient(to bottom, #7A8A00 0%, #556908 50%, #36480B 100%);
}
</style>