#829382 - #2F5E2D | 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 #829382 to #2F5E2D

#829382 #2F5E2D

Calculate the color between two colors, #829382 and #2F5E2D. 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)

#829382 - #2F5E2D | 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 #829382 as 0% and #2F5E2D as 100%.

0.0%	0.0% #829382	RGB 130 147 130	#829382
16.7%	16.7% #748A73	RGB 116 138 115	#748A73
33.3%	33.3% #668165	RGB 102 129 101	#668165
50.0%	50.0% #587857	RGB 88 120 87	#587857
66.7%	66.7% #4A6F49	RGB 74 111 73	#4A6F49
83.3%	83.3% #3C663B	RGB 60 102 59	#3C663B
100.0%	100.0% #2F5E2D	RGB 47 94 45	#2F5E2D

#829382 #748A73 #668165 #587857 #4A6F49 #3C663B #2F5E2D

#829382 - #2F5E2D

HSV Blend

#829382 - #2F5E2D | 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 #829382 as 0% and #2F5E2D as 100%.

0.0%	0.0% #829382	RGB 130 147 130	#829382
16.7%	16.7% #718A70	RGB 113 138 112	#718A70
33.3%	33.3% #618160	RGB 97 129 96	#618160
50.0%	50.0% #527852	RGB 82 120 82	#527852
66.7%	66.7% #456F44	RGB 69 111 68	#456F44
83.3%	83.3% #396638	RGB 57 102 56	#396638
100.0%	100.0% #2F5E2D	RGB 47 94 45	#2F5E2D

#829382 #718A70 #618160 #527852 #456F44 #396638 #2F5E2D

#829382 - #527852 - #2F5E2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #829382 0%, #527852 50%, #2F5E2D 100%);
    background: -webkit-linear-gradient(top, #829382 0%, #527852 50%, #2F5E2D 100%);
    background: linear-gradient(to bottom, #829382 0%, #527852 50%, #2F5E2D 100%);
}
</style>