#838D76 - #3D5E2E | 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 #838D76 to #3D5E2E

#838D76 #3D5E2E

Calculate the color between two colors, #838D76 and #3D5E2E. 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)

#838D76 - #3D5E2E | 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 #838D76 as 0% and #3D5E2E as 100%.

0.0%	0.0% #838D76	RGB 131 141 118	#838D76
16.7%	16.7% #77856A	RGB 119 133 106	#77856A
33.3%	33.3% #6B7D5E	RGB 107 125 94	#6B7D5E
50.0%	50.0% #607552	RGB 96 117 82	#607552
66.7%	66.7% #546D46	RGB 84 109 70	#546D46
83.3%	83.3% #48653A	RGB 72 101 58	#48653A
100.0%	100.0% #3D5E2E	RGB 61 94 46	#3D5E2E

#838D76 #77856A #6B7D5E #607552 #546D46 #48653A #3D5E2E

#838D76 - #3D5E2E

HSV Blend

#838D76 - #3D5E2E | 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 #838D76 as 0% and #3D5E2E as 100%.

0.0%	0.0% #838D76	RGB 131 141 118	#838D76
16.7%	16.7% #778567	RGB 119 133 103	#778567
33.3%	33.3% #6B7D5A	RGB 107 125 90	#6B7D5A
50.0%	50.0% #5F754D	RGB 95 117 77	#5F754D
66.7%	66.7% #536D42	RGB 83 109 66	#536D42
83.3%	83.3% #486537	RGB 72 101 55	#486537
100.0%	100.0% #3D5E2E	RGB 61 94 46	#3D5E2E

#838D76 #778567 #6B7D5A #5F754D #536D42 #486537 #3D5E2E

#838D76 - #5F754D - #3D5E2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838D76 0%, #5F754D 50%, #3D5E2E 100%);
    background: -webkit-linear-gradient(top, #838D76 0%, #5F754D 50%, #3D5E2E 100%);
    background: linear-gradient(to bottom, #838D76 0%, #5F754D 50%, #3D5E2E 100%);
}
</style>