#828C5E - #3E561F | 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 #828C5E to #3E561F

#828C5E #3E561F

Calculate the color between two colors, #828C5E and #3E561F. 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)

#828C5E - #3E561F | 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 #828C5E as 0% and #3E561F as 100%.

0.0%	0.0% #828C5E	RGB 130 140 94	#828C5E
16.7%	16.7% #768353	RGB 118 131 83	#768353
33.3%	33.3% #6B7A49	RGB 107 122 73	#6B7A49
50.0%	50.0% #60713E	RGB 96 113 62	#60713E
66.7%	66.7% #546834	RGB 84 104 52	#546834
83.3%	83.3% #495F29	RGB 73 95 41	#495F29
100.0%	100.0% #3E561F	RGB 62 86 31	#3E561F

#828C5E #768353 #6B7A49 #60713E #546834 #495F29 #3E561F

#828C5E - #3E561F

HSV Blend

#828C5E - #3E561F | 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 #828C5E as 0% and #3E561F as 100%.

0.0%	0.0% #828C5E	RGB 130 140 94	#828C5E
16.7%	16.7% #768351	RGB 118 131 81	#768351
33.3%	33.3% #6A7A45	RGB 106 122 69	#6A7A45
50.0%	50.0% #5F713A	RGB 95 113 58	#5F713A
66.7%	66.7% #536830	RGB 83 104 48	#536830
83.3%	83.3% #485F27	RGB 72 95 39	#485F27
100.0%	100.0% #3E561F	RGB 62 86 31	#3E561F

#828C5E #768351 #6A7A45 #5F713A #536830 #485F27 #3E561F

#828C5E - #5F713A - #3E561F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828C5E 0%, #5F713A 50%, #3E561F 100%);
    background: -webkit-linear-gradient(top, #828C5E 0%, #5F713A 50%, #3E561F 100%);
    background: linear-gradient(to bottom, #828C5E 0%, #5F713A 50%, #3E561F 100%);
}
</style>