#3A8D35 - #C6DEC5 | 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 #3A8D35 to #C6DEC5

#3A8D35 #C6DEC5

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

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

0.0%	0.0% #3A8D35	RGB 58 141 53	#3A8D35
16.7%	16.7% #519A4D	RGB 81 154 77	#519A4D
33.3%	33.3% #68A865	RGB 104 168 101	#68A865
50.0%	50.0% #80B57D	RGB 128 181 125	#80B57D
66.7%	66.7% #97C395	RGB 151 195 149	#97C395
83.3%	83.3% #AED0AD	RGB 174 208 173	#AED0AD
100.0%	100.0% #C6DEC5	RGB 198 222 197	#C6DEC5

#3A8D35 #519A4D #68A865 #80B57D #97C395 #AED0AD #C6DEC5

#3A8D35 - #C6DEC5

HSV Blend

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

0.0%	0.0% #3A8D35	RGB 58 141 53	#3A8D35
16.7%	16.7% #4B9A47	RGB 75 154 71	#4B9A47
33.3%	33.3% #5FA85B	RGB 95 168 91	#5FA85B
50.0%	50.0% #75B572	RGB 117 181 114	#75B572
66.7%	66.7% #8EC38B	RGB 142 195 139	#8EC38B
83.3%	83.3% #A9D0A7	RGB 169 208 167	#A9D0A7
100.0%	100.0% #C6DEC5	RGB 198 222 197	#C6DEC5

#3A8D35 #4B9A47 #5FA85B #75B572 #8EC38B #A9D0A7 #C6DEC5

#3A8D35 - #75B572 - #C6DEC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8D35 0%, #75B572 50%, #C6DEC5 100%);
    background: -webkit-linear-gradient(top, #3A8D35 0%, #75B572 50%, #C6DEC5 100%);
    background: linear-gradient(to bottom, #3A8D35 0%, #75B572 50%, #C6DEC5 100%);
}
</style>