#3A8F7E - #B2D393 | 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 #3A8F7E to #B2D393

#3A8F7E #B2D393

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

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

0.0%	0.0% #3A8F7E	RGB 58 143 126	#3A8F7E
16.7%	16.7% #4E9A81	RGB 78 154 129	#4E9A81
33.3%	33.3% #62A585	RGB 98 165 133	#62A585
50.0%	50.0% #76B188	RGB 118 177 136	#76B188
66.7%	66.7% #8ABC8C	RGB 138 188 140	#8ABC8C
83.3%	83.3% #9EC78F	RGB 158 199 143	#9EC78F
100.0%	100.0% #B2D393	RGB 178 211 147	#B2D393

#3A8F7E #4E9A81 #62A585 #76B188 #8ABC8C #9EC78F #B2D393

#3A8F7E - #B2D393

HSV Blend

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

0.0%	0.0% #3A8F7E	RGB 58 143 126	#3A8F7E
16.7%	16.7% #469A77	RGB 70 154 119	#469A77
33.3%	33.3% #53A571	RGB 83 165 113	#53A571
50.0%	50.0% #61B16E	RGB 97 177 110	#61B16E
66.7%	66.7% #75BC70	RGB 117 188 112	#75BC70
83.3%	83.3% #94C781	RGB 148 199 129	#94C781
100.0%	100.0% #B2D393	RGB 178 211 147	#B2D393

#3A8F7E #469A77 #53A571 #61B16E #75BC70 #94C781 #B2D393

#3A8F7E - #61B16E - #B2D393

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8F7E 0%, #61B16E 50%, #B2D393 100%);
    background: -webkit-linear-gradient(top, #3A8F7E 0%, #61B16E 50%, #B2D393 100%);
    background: linear-gradient(to bottom, #3A8F7E 0%, #61B16E 50%, #B2D393 100%);
}
</style>