#00685C - #6EC48B | 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 #00685C to #6EC48B

#00685C #6EC48B

Calculate the color between two colors, #00685C and #6EC48B. 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)

#00685C - #6EC48B | 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 #00685C as 0% and #6EC48B as 100%.

0.0%	0.0% #00685C	RGB 0 104 92	#00685C
16.7%	16.7% #127763	RGB 18 119 99	#127763
33.3%	33.3% #24866B	RGB 36 134 107	#24866B
50.0%	50.0% #379673	RGB 55 150 115	#379673
66.7%	66.7% #49A57B	RGB 73 165 123	#49A57B
83.3%	83.3% #5BB483	RGB 91 180 131	#5BB483
100.0%	100.0% #6EC48B	RGB 110 196 139	#6EC48B

#00685C #127763 #24866B #379673 #49A57B #5BB483 #6EC48B

#00685C - #6EC48B

HSV Blend

#00685C - #6EC48B | 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 #00685C as 0% and #6EC48B as 100%.

0.0%	0.0% #00685C	RGB 0 104 92	#00685C
16.7%	16.7% #0B7760	RGB 11 119 96	#0B7760
33.3%	33.3% #198666	RGB 25 134 102	#198666
50.0%	50.0% #2A966C	RGB 42 150 108	#2A966C
66.7%	66.7% #3DA573	RGB 61 165 115	#3DA573
83.3%	83.3% #54B47D	RGB 84 180 125	#54B47D
100.0%	100.0% #6EC48B	RGB 110 196 139	#6EC48B

#00685C #0B7760 #198666 #2A966C #3DA573 #54B47D #6EC48B

#00685C - #2A966C - #6EC48B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00685C 0%, #2A966C 50%, #6EC48B 100%);
    background: -webkit-linear-gradient(top, #00685C 0%, #2A966C 50%, #6EC48B 100%);
    background: linear-gradient(to bottom, #00685C 0%, #2A966C 50%, #6EC48B 100%);
}
</style>