#3A8F7A - #B4D491 | 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 #3A8F7A to #B4D491

#3A8F7A #B4D491

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

#3A8F7A - #B4D491 | 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 #3A8F7A as 0% and #B4D491 as 100%.

0.0%	0.0% #3A8F7A	RGB 58 143 122	#3A8F7A
16.7%	16.7% #4E9A7D	RGB 78 154 125	#4E9A7D
33.3%	33.3% #62A681	RGB 98 166 129	#62A681
50.0%	50.0% #77B185	RGB 119 177 133	#77B185
66.7%	66.7% #8BBD89	RGB 139 189 137	#8BBD89
83.3%	83.3% #9FC88D	RGB 159 200 141	#9FC88D
100.0%	100.0% #B4D491	RGB 180 212 145	#B4D491

#3A8F7A #4E9A7D #62A681 #77B185 #8BBD89 #9FC88D #B4D491

#3A8F7A - #B4D491

HSV Blend

#3A8F7A - #B4D491 | 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 #3A8F7A as 0% and #B4D491 as 100%.

0.0%	0.0% #3A8F7A	RGB 58 143 122	#3A8F7A
16.7%	16.7% #459A73	RGB 69 154 115	#459A73
33.3%	33.3% #52A66E	RGB 82 166 110	#52A66E
50.0%	50.0% #60B16A	RGB 96 177 106	#60B16A
66.7%	66.7% #77BD6F	RGB 119 189 111	#77BD6F
83.3%	83.3% #96C87F	RGB 150 200 127	#96C87F
100.0%	100.0% #B4D491	RGB 180 212 145	#B4D491

#3A8F7A #459A73 #52A66E #60B16A #77BD6F #96C87F #B4D491

#3A8F7A - #60B16A - #B4D491

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8F7A 0%, #60B16A 50%, #B4D491 100%);
    background: -webkit-linear-gradient(top, #3A8F7A 0%, #60B16A 50%, #B4D491 100%);
    background: linear-gradient(to bottom, #3A8F7A 0%, #60B16A 50%, #B4D491 100%);
}
</style>