#3A8F47 - #C6DFCA | 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 #3A8F47 to #C6DFCA

#3A8F47 #C6DFCA

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

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

0.0%	0.0% #3A8F47	RGB 58 143 71	#3A8F47
16.7%	16.7% #519C5C	RGB 81 156 92	#519C5C
33.3%	33.3% #68A972	RGB 104 169 114	#68A972
50.0%	50.0% #80B788	RGB 128 183 136	#80B788
66.7%	66.7% #97C49E	RGB 151 196 158	#97C49E
83.3%	83.3% #AED1B4	RGB 174 209 180	#AED1B4
100.0%	100.0% #C6DFCA	RGB 198 223 202	#C6DFCA

#3A8F47 #519C5C #68A972 #80B788 #97C49E #AED1B4 #C6DFCA

#3A8F47 - #C6DFCA

HSV Blend

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

0.0%	0.0% #3A8F47	RGB 58 143 71	#3A8F47
16.7%	16.7% #4B9C58	RGB 75 156 88	#4B9C58
33.3%	33.3% #60A96B	RGB 96 169 107	#60A96B
50.0%	50.0% #76B780	RGB 118 183 128	#76B780
66.7%	66.7% #8EC497	RGB 142 196 151	#8EC497
83.3%	83.3% #A9D1AF	RGB 169 209 175	#A9D1AF
100.0%	100.0% #C6DFCA	RGB 198 223 202	#C6DFCA

#3A8F47 #4B9C58 #60A96B #76B780 #8EC497 #A9D1AF #C6DFCA

#3A8F47 - #76B780 - #C6DFCA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8F47 0%, #76B780 50%, #C6DFCA 100%);
    background: -webkit-linear-gradient(top, #3A8F47 0%, #76B780 50%, #C6DFCA 100%);
    background: linear-gradient(to bottom, #3A8F47 0%, #76B780 50%, #C6DFCA 100%);
}
</style>