#3D5655 - #829A6F | 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 #3D5655 to #829A6F

#3D5655 #829A6F

Calculate the color between two colors, #3D5655 and #829A6F. 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)

#3D5655 - #829A6F | 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 #3D5655 as 0% and #829A6F as 100%.

0.0%	0.0% #3D5655	RGB 61 86 85	#3D5655
16.7%	16.7% #486159	RGB 72 97 89	#486159
33.3%	33.3% #546C5D	RGB 84 108 93	#546C5D
50.0%	50.0% #5F7862	RGB 95 120 98	#5F7862
66.7%	66.7% #6B8366	RGB 107 131 102	#6B8366
83.3%	83.3% #768E6A	RGB 118 142 106	#768E6A
100.0%	100.0% #829A6F	RGB 130 154 111	#829A6F

#3D5655 #486159 #546C5D #5F7862 #6B8366 #768E6A #829A6F

#3D5655 - #829A6F

HSV Blend

#3D5655 - #829A6F | 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 #3D5655 as 0% and #829A6F as 100%.

0.0%	0.0% #3D5655	RGB 61 86 85	#3D5655
16.7%	16.7% #456159	RGB 69 97 89	#456159
33.3%	33.3% #4D6C5C	RGB 77 108 92	#4D6C5C
50.0%	50.0% #55785E	RGB 85 120 94	#55785E
66.7%	66.7% #5E835F	RGB 94 131 95	#5E835F
83.3%	83.3% #6E8E66	RGB 110 142 102	#6E8E66
100.0%	100.0% #829A6F	RGB 130 154 111	#829A6F

#3D5655 #456159 #4D6C5C #55785E #5E835F #6E8E66 #829A6F

#3D5655 - #55785E - #829A6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5655 0%, #55785E 50%, #829A6F 100%);
    background: -webkit-linear-gradient(top, #3D5655 0%, #55785E 50%, #829A6F 100%);
    background: linear-gradient(to bottom, #3D5655 0%, #55785E 50%, #829A6F 100%);
}
</style>