#676A56 - #353F0F | 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 #676A56 to #353F0F

#676A56 #353F0F

Calculate the color between two colors, #676A56 and #353F0F. 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)

#676A56 - #353F0F | 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 #676A56 as 0% and #353F0F as 100%.

0.0%	0.0% #676A56	RGB 103 106 86	#676A56
16.7%	16.7% #5E624A	RGB 94 98 74	#5E624A
33.3%	33.3% #565B3E	RGB 86 91 62	#565B3E
50.0%	50.0% #4E5432	RGB 78 84 50	#4E5432
66.7%	66.7% #454D26	RGB 69 77 38	#454D26
83.3%	83.3% #3D461A	RGB 61 70 26	#3D461A
100.0%	100.0% #353F0F	RGB 53 63 15	#353F0F

#676A56 #5E624A #565B3E #4E5432 #454D26 #3D461A #353F0F

#676A56 - #353F0F

HSV Blend

#676A56 - #353F0F | 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 #676A56 as 0% and #353F0F as 100%.

0.0%	0.0% #676A56	RGB 103 106 86	#676A56
16.7%	16.7% #5E6246	RGB 94 98 70	#5E6246
33.3%	33.3% #555B38	RGB 85 91 56	#555B38
50.0%	50.0% #4D542C	RGB 77 84 44	#4D542C
66.7%	66.7% #444D21	RGB 68 77 33	#444D21
83.3%	83.3% #3C4617	RGB 60 70 23	#3C4617
100.0%	100.0% #353F0F	RGB 53 63 15	#353F0F

#676A56 #5E6246 #555B38 #4D542C #444D21 #3C4617 #353F0F

#676A56 - #4D542C - #353F0F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #676A56 0%, #4D542C 50%, #353F0F 100%);
    background: -webkit-linear-gradient(top, #676A56 0%, #4D542C 50%, #353F0F 100%);
    background: linear-gradient(to bottom, #676A56 0%, #4D542C 50%, #353F0F 100%);
}
</style>