#616361 - #8DDF9A | 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 #616361 to #8DDF9A

#616361 #8DDF9A

Calculate the color between two colors, #616361 and #8DDF9A. 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)

#616361 - #8DDF9A | 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 #616361 as 0% and #8DDF9A as 100%.

0.0%	0.0% #616361	RGB 97 99 97	#616361
16.7%	16.7% #68776A	RGB 104 119 106	#68776A
33.3%	33.3% #6F8C74	RGB 111 140 116	#6F8C74
50.0%	50.0% #77A17D	RGB 119 161 125	#77A17D
66.7%	66.7% #7EB587	RGB 126 181 135	#7EB587
83.3%	83.3% #85CA90	RGB 133 202 144	#85CA90
100.0%	100.0% #8DDF9A	RGB 141 223 154	#8DDF9A

#616361 #68776A #6F8C74 #77A17D #7EB587 #85CA90 #8DDF9A

#616361 - #8DDF9A

HSV Blend

#616361 - #8DDF9A | 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 #616361 as 0% and #8DDF9A as 100%.

0.0%	0.0% #616361	RGB 97 99 97	#616361
16.7%	16.7% #6E776E	RGB 110 119 110	#6E776E
33.3%	33.3% #798C7A	RGB 121 140 122	#798C7A
50.0%	50.0% #81A184	RGB 129 161 132	#81A184
66.7%	66.7% #87B58C	RGB 135 181 140	#87B58C
83.3%	83.3% #8BCA93	RGB 139 202 147	#8BCA93
100.0%	100.0% #8DDF9A	RGB 141 223 154	#8DDF9A

#616361 #6E776E #798C7A #81A184 #87B58C #8BCA93 #8DDF9A

#616361 - #81A184 - #8DDF9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616361 0%, #81A184 50%, #8DDF9A 100%);
    background: -webkit-linear-gradient(top, #616361 0%, #81A184 50%, #8DDF9A 100%);
    background: linear-gradient(to bottom, #616361 0%, #81A184 50%, #8DDF9A 100%);
}
</style>