#386D5E - #97B67C | 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 #386D5E to #97B67C

#386D5E #97B67C

Calculate the color between two colors, #386D5E and #97B67C. 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)

#386D5E - #97B67C | 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 #386D5E as 0% and #97B67C as 100%.

0.0%	0.0% #386D5E	RGB 56 109 94	#386D5E
16.7%	16.7% #477963	RGB 71 121 99	#477963
33.3%	33.3% #578568	RGB 87 133 104	#578568
50.0%	50.0% #67916D	RGB 103 145 109	#67916D
66.7%	66.7% #779D72	RGB 119 157 114	#779D72
83.3%	83.3% #87A977	RGB 135 169 119	#87A977
100.0%	100.0% #97B67C	RGB 151 182 124	#97B67C

#386D5E #477963 #578568 #67916D #779D72 #87A977 #97B67C

#386D5E - #97B67C

HSV Blend

#386D5E - #97B67C | 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 #386D5E as 0% and #97B67C as 100%.

0.0%	0.0% #386D5E	RGB 56 109 94	#386D5E
16.7%	16.7% #41795E	RGB 65 121 94	#41795E
33.3%	33.3% #4B855E	RGB 75 133 94	#4B855E
50.0%	50.0% #56915E	RGB 86 145 94	#56915E
66.7%	66.7% #669D62	RGB 102 157 98	#669D62
83.3%	83.3% #7EA96E	RGB 126 169 110	#7EA96E
100.0%	100.0% #97B67C	RGB 151 182 124	#97B67C

#386D5E #41795E #4B855E #56915E #669D62 #7EA96E #97B67C

#386D5E - #56915E - #97B67C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #386D5E 0%, #56915E 50%, #97B67C 100%);
    background: -webkit-linear-gradient(top, #386D5E 0%, #56915E 50%, #97B67C 100%);
    background: linear-gradient(to bottom, #386D5E 0%, #56915E 50%, #97B67C 100%);
}
</style>