#3D6D5E - #9AB57B | 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 #3D6D5E to #9AB57B

#3D6D5E #9AB57B

Calculate the color between two colors, #3D6D5E and #9AB57B. 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)

#3D6D5E - #9AB57B | 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 #3D6D5E as 0% and #9AB57B as 100%.

0.0%	0.0% #3D6D5E	RGB 61 109 94	#3D6D5E
16.7%	16.7% #4C7962	RGB 76 121 98	#4C7962
33.3%	33.3% #5C8567	RGB 92 133 103	#5C8567
50.0%	50.0% #6B916C	RGB 107 145 108	#6B916C
66.7%	66.7% #7B9D71	RGB 123 157 113	#7B9D71
83.3%	83.3% #8AA976	RGB 138 169 118	#8AA976
100.0%	100.0% #9AB57B	RGB 154 181 123	#9AB57B

#3D6D5E #4C7962 #5C8567 #6B916C #7B9D71 #8AA976 #9AB57B

#3D6D5E - #9AB57B

HSV Blend

#3D6D5E - #9AB57B | 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 #3D6D5E as 0% and #9AB57B as 100%.

0.0%	0.0% #3D6D5E	RGB 61 109 94	#3D6D5E
16.7%	16.7% #46795E	RGB 70 121 94	#46795E
33.3%	33.3% #4F855E	RGB 79 133 94	#4F855E
50.0%	50.0% #59915E	RGB 89 145 94	#59915E
66.7%	66.7% #6B9D64	RGB 107 157 100	#6B9D64
83.3%	83.3% #82A96F	RGB 130 169 111	#82A96F
100.0%	100.0% #9AB57B	RGB 154 181 123	#9AB57B

#3D6D5E #46795E #4F855E #59915E #6B9D64 #82A96F #9AB57B

#3D6D5E - #59915E - #9AB57B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D6D5E 0%, #59915E 50%, #9AB57B 100%);
    background: -webkit-linear-gradient(top, #3D6D5E 0%, #59915E 50%, #9AB57B 100%);
    background: linear-gradient(to bottom, #3D6D5E 0%, #59915E 50%, #9AB57B 100%);
}
</style>