#3A8F64 - #C6DFD2 | 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 #3A8F64 to #C6DFD2

#3A8F64 #C6DFD2

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

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

0.0%	0.0% #3A8F64	RGB 58 143 100	#3A8F64
16.7%	16.7% #519C76	RGB 81 156 118	#519C76
33.3%	33.3% #68A988	RGB 104 169 136	#68A988
50.0%	50.0% #80B79B	RGB 128 183 155	#80B79B
66.7%	66.7% #97C4AD	RGB 151 196 173	#97C4AD
83.3%	83.3% #AED1BF	RGB 174 209 191	#AED1BF
100.0%	100.0% #C6DFD2	RGB 198 223 210	#C6DFD2

#3A8F64 #519C76 #68A988 #80B79B #97C4AD #AED1BF #C6DFD2

#3A8F64 - #C6DFD2

HSV Blend

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

0.0%	0.0% #3A8F64	RGB 58 143 100	#3A8F64
16.7%	16.7% #4B9C73	RGB 75 156 115	#4B9C73
33.3%	33.3% #60A984	RGB 96 169 132	#60A984
50.0%	50.0% #76B795	RGB 118 183 149	#76B795
66.7%	66.7% #8EC4A8	RGB 142 196 168	#8EC4A8
83.3%	83.3% #A9D1BC	RGB 169 209 188	#A9D1BC
100.0%	100.0% #C6DFD2	RGB 198 223 210	#C6DFD2

#3A8F64 #4B9C73 #60A984 #76B795 #8EC4A8 #A9D1BC #C6DFD2

#3A8F64 - #76B795 - #C6DFD2

CSS codes

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

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