#3C9676 - #085E3D | 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 #3C9676 to #085E3D

#3C9676 #085E3D

Calculate the color between two colors, #3C9676 and #085E3D. 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)

#3C9676 - #085E3D | 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 #3C9676 as 0% and #085E3D as 100%.

0.0%	0.0% #3C9676	RGB 60 150 118	#3C9676
16.7%	16.7% #338C6C	RGB 51 140 108	#338C6C
33.3%	33.3% #2A8363	RGB 42 131 99	#2A8363
50.0%	50.0% #227A59	RGB 34 122 89	#227A59
66.7%	66.7% #197050	RGB 25 112 80	#197050
83.3%	83.3% #106746	RGB 16 103 70	#106746
100.0%	100.0% #085E3D	RGB 8 94 61	#085E3D

#3C9676 #338C6C #2A8363 #227A59 #197050 #106746 #085E3D

#3C9676 - #085E3D

HSV Blend

#3C9676 - #085E3D | 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 #3C9676 as 0% and #085E3D as 100%.

0.0%	0.0% #3C9676	RGB 60 150 118	#3C9676
16.7%	16.7% #308C6B	RGB 48 140 107	#308C6B
33.3%	33.3% #268361	RGB 38 131 97	#268361
50.0%	50.0% #1D7A57	RGB 29 122 87	#1D7A57
66.7%	66.7% #15704E	RGB 21 112 78	#15704E
83.3%	83.3% #0E6745	RGB 14 103 69	#0E6745
100.0%	100.0% #085E3D	RGB 8 94 61	#085E3D

#3C9676 #308C6B #268361 #1D7A57 #15704E #0E6745 #085E3D

#3C9676 - #1D7A57 - #085E3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C9676 0%, #1D7A57 50%, #085E3D 100%);
    background: -webkit-linear-gradient(top, #3C9676 0%, #1D7A57 50%, #085E3D 100%);
    background: linear-gradient(to bottom, #3C9676 0%, #1D7A57 50%, #085E3D 100%);
}
</style>