#628F5E - #213D1B | 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 #628F5E to #213D1B

#628F5E #213D1B

Calculate the color between two colors, #628F5E and #213D1B. 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)

#628F5E - #213D1B | 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 #628F5E as 0% and #213D1B as 100%.

0.0%	0.0% #628F5E	RGB 98 143 94	#628F5E
16.7%	16.7% #578152	RGB 87 129 82	#578152
33.3%	33.3% #4C7347	RGB 76 115 71	#4C7347
50.0%	50.0% #41663C	RGB 65 102 60	#41663C
66.7%	66.7% #365831	RGB 54 88 49	#365831
83.3%	83.3% #2B4A26	RGB 43 74 38	#2B4A26
100.0%	100.0% #213D1B	RGB 33 61 27	#213D1B

#628F5E #578152 #4C7347 #41663C #365831 #2B4A26 #213D1B

#628F5E - #213D1B

HSV Blend

#628F5E - #213D1B | 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 #628F5E as 0% and #213D1B as 100%.

0.0%	0.0% #628F5E	RGB 98 143 94	#628F5E
16.7%	16.7% #558150	RGB 85 129 80	#558150
33.3%	33.3% #497343	RGB 73 115 67	#497343
50.0%	50.0% #3E6638	RGB 62 102 56	#3E6638
66.7%	66.7% #33582D	RGB 51 88 45	#33582D
83.3%	83.3% #294A23	RGB 41 74 35	#294A23
100.0%	100.0% #213D1B	RGB 33 61 27	#213D1B

#628F5E #558150 #497343 #3E6638 #33582D #294A23 #213D1B

#628F5E - #3E6638 - #213D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #628F5E 0%, #3E6638 50%, #213D1B 100%);
    background: -webkit-linear-gradient(top, #628F5E 0%, #3E6638 50%, #213D1B 100%);
    background: linear-gradient(to bottom, #628F5E 0%, #3E6638 50%, #213D1B 100%);
}
</style>