#38564B - #62B776 | 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 #38564B to #62B776

#38564B #62B776

Calculate the color between two colors, #38564B and #62B776. 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)

#38564B - #62B776 | 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 #38564B as 0% and #62B776 as 100%.

0.0%	0.0% #38564B	RGB 56 86 75	#38564B
16.7%	16.7% #3F6652	RGB 63 102 82	#3F6652
33.3%	33.3% #467659	RGB 70 118 89	#467659
50.0%	50.0% #4D8660	RGB 77 134 96	#4D8660
66.7%	66.7% #549667	RGB 84 150 103	#549667
83.3%	83.3% #5BA66E	RGB 91 166 110	#5BA66E
100.0%	100.0% #62B776	RGB 98 183 118	#62B776

#38564B #3F6652 #467659 #4D8660 #549667 #5BA66E #62B776

#38564B - #62B776

HSV Blend

#38564B - #62B776 | 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 #38564B as 0% and #62B776 as 100%.

0.0%	0.0% #38564B	RGB 56 86 75	#38564B
16.7%	16.7% #406655	RGB 64 102 85	#406655
33.3%	33.3% #48765F	RGB 72 118 95	#48765F
50.0%	50.0% #4F8667	RGB 79 134 103	#4F8667
66.7%	66.7% #56966E	RGB 86 150 110	#56966E
83.3%	83.3% #5CA672	RGB 92 166 114	#5CA672
100.0%	100.0% #62B776	RGB 98 183 118	#62B776

#38564B #406655 #48765F #4F8667 #56966E #5CA672 #62B776

#38564B - #4F8667 - #62B776

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38564B 0%, #4F8667 50%, #62B776 100%);
    background: -webkit-linear-gradient(top, #38564B 0%, #4F8667 50%, #62B776 100%);
    background: linear-gradient(to bottom, #38564B 0%, #4F8667 50%, #62B776 100%);
}
</style>