#7A7E5E - #424D15 | 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 #7A7E5E to #424D15

#7A7E5E #424D15

Calculate the color between two colors, #7A7E5E and #424D15. 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)

#7A7E5E - #424D15 | 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 #7A7E5E as 0% and #424D15 as 100%.

0.0%	0.0% #7A7E5E	RGB 122 126 94	#7A7E5E
16.7%	16.7% #707551	RGB 112 117 81	#707551
33.3%	33.3% #676D45	RGB 103 109 69	#676D45
50.0%	50.0% #5E6539	RGB 94 101 57	#5E6539
66.7%	66.7% #545D2D	RGB 84 93 45	#545D2D
83.3%	83.3% #4B5521	RGB 75 85 33	#4B5521
100.0%	100.0% #424D15	RGB 66 77 21	#424D15

#7A7E5E #707551 #676D45 #5E6539 #545D2D #4B5521 #424D15

#7A7E5E - #424D15

HSV Blend

#7A7E5E - #424D15 | 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 #7A7E5E as 0% and #424D15 as 100%.

0.0%	0.0% #7A7E5E	RGB 122 126 94	#7A7E5E
16.7%	16.7% #70754E	RGB 112 117 78	#70754E
33.3%	33.3% #666D40	RGB 102 109 64	#666D40
50.0%	50.0% #5D6533	RGB 93 101 51	#5D6533
66.7%	66.7% #545D28	RGB 84 93 40	#545D28
83.3%	83.3% #4A551D	RGB 74 85 29	#4A551D
100.0%	100.0% #424D15	RGB 66 77 21	#424D15

#7A7E5E #70754E #666D40 #5D6533 #545D28 #4A551D #424D15

#7A7E5E - #5D6533 - #424D15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A7E5E 0%, #5D6533 50%, #424D15 100%);
    background: -webkit-linear-gradient(top, #7A7E5E 0%, #5D6533 50%, #424D15 100%);
    background: linear-gradient(to bottom, #7A7E5E 0%, #5D6533 50%, #424D15 100%);
}
</style>