#3E6B60 - #97B27C | 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 #3E6B60 to #97B27C

#3E6B60 #97B27C

Calculate the color between two colors, #3E6B60 and #97B27C. 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)

#3E6B60 - #97B27C | 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 #3E6B60 as 0% and #97B27C as 100%.

0.0%	0.0% #3E6B60	RGB 62 107 96	#3E6B60
16.7%	16.7% #4C7664	RGB 76 118 100	#4C7664
33.3%	33.3% #5B8269	RGB 91 130 105	#5B8269
50.0%	50.0% #6A8E6E	RGB 106 142 110	#6A8E6E
66.7%	66.7% #799A72	RGB 121 154 114	#799A72
83.3%	83.3% #88A677	RGB 136 166 119	#88A677
100.0%	100.0% #97B27C	RGB 151 178 124	#97B27C

#3E6B60 #4C7664 #5B8269 #6A8E6E #799A72 #88A677 #97B27C

#3E6B60 - #97B27C

HSV Blend

#3E6B60 - #97B27C | 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 #3E6B60 as 0% and #97B27C as 100%.

0.0%	0.0% #3E6B60	RGB 62 107 96	#3E6B60
16.7%	16.7% #477661	RGB 71 118 97	#477661
33.3%	33.3% #508261	RGB 80 130 97	#508261
50.0%	50.0% #5A8E61	RGB 90 142 97	#5A8E61
66.7%	66.7% #699A65	RGB 105 154 101	#699A65
83.3%	83.3% #80A670	RGB 128 166 112	#80A670
100.0%	100.0% #97B27C	RGB 151 178 124	#97B27C

#3E6B60 #477661 #508261 #5A8E61 #699A65 #80A670 #97B27C

#3E6B60 - #5A8E61 - #97B27C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6B60 0%, #5A8E61 50%, #97B27C 100%);
    background: -webkit-linear-gradient(top, #3E6B60 0%, #5A8E61 50%, #97B27C 100%);
    background: linear-gradient(to bottom, #3E6B60 0%, #5A8E61 50%, #97B27C 100%);
}
</style>