#3A8F3D - #C6DFC7 | 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 #3A8F3D to #C6DFC7

#3A8F3D #C6DFC7

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

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

0.0%	0.0% #3A8F3D	RGB 58 143 61	#3A8F3D
16.7%	16.7% #519C54	RGB 81 156 84	#519C54
33.3%	33.3% #68A96B	RGB 104 169 107	#68A96B
50.0%	50.0% #80B782	RGB 128 183 130	#80B782
66.7%	66.7% #97C499	RGB 151 196 153	#97C499
83.3%	83.3% #AED1B0	RGB 174 209 176	#AED1B0
100.0%	100.0% #C6DFC7	RGB 198 223 199	#C6DFC7

#3A8F3D #519C54 #68A96B #80B782 #97C499 #AED1B0 #C6DFC7

#3A8F3D - #C6DFC7

HSV Blend

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

0.0%	0.0% #3A8F3D	RGB 58 143 61	#3A8F3D
16.7%	16.7% #4B9C4E	RGB 75 156 78	#4B9C4E
33.3%	33.3% #60A962	RGB 96 169 98	#60A962
50.0%	50.0% #76B778	RGB 118 183 120	#76B778
66.7%	66.7% #8EC490	RGB 142 196 144	#8EC490
83.3%	83.3% #A9D1AA	RGB 169 209 170	#A9D1AA
100.0%	100.0% #C6DFC7	RGB 198 223 199	#C6DFC7

#3A8F3D #4B9C4E #60A962 #76B778 #8EC490 #A9D1AA #C6DFC7

#3A8F3D - #76B778 - #C6DFC7

CSS codes

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

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