#7A7E5C - #424C15 | 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 #7A7E5C to #424C15

#7A7E5C #424C15

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

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

0.0%	0.0% #7A7E5C	RGB 122 126 92	#7A7E5C
16.7%	16.7% #707550	RGB 112 117 80	#707550
33.3%	33.3% #676D44	RGB 103 109 68	#676D44
50.0%	50.0% #5E6538	RGB 94 101 56	#5E6538
66.7%	66.7% #545C2C	RGB 84 92 44	#545C2C
83.3%	83.3% #4B5420	RGB 75 84 32	#4B5420
100.0%	100.0% #424C15	RGB 66 76 21	#424C15

#7A7E5C #707550 #676D44 #5E6538 #545C2C #4B5420 #424C15

#7A7E5C - #424C15

HSV Blend

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

0.0%	0.0% #7A7E5C	RGB 122 126 92	#7A7E5C
16.7%	16.7% #70754D	RGB 112 117 77	#70754D
33.3%	33.3% #666D3F	RGB 102 109 63	#666D3F
50.0%	50.0% #5D6532	RGB 93 101 50	#5D6532
66.7%	66.7% #545C27	RGB 84 92 39	#545C27
83.3%	83.3% #4A541D	RGB 74 84 29	#4A541D
100.0%	100.0% #424C15	RGB 66 76 21	#424C15

#7A7E5C #70754D #666D3F #5D6532 #545C27 #4A541D #424C15

#7A7E5C - #5D6532 - #424C15

CSS codes

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

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