#3A8F72 - #C6DFD6 | 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 #3A8F72 to #C6DFD6

#3A8F72 #C6DFD6

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

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

0.0%	0.0% #3A8F72	RGB 58 143 114	#3A8F72
16.7%	16.7% #519C82	RGB 81 156 130	#519C82
33.3%	33.3% #68A993	RGB 104 169 147	#68A993
50.0%	50.0% #80B7A4	RGB 128 183 164	#80B7A4
66.7%	66.7% #97C4B4	RGB 151 196 180	#97C4B4
83.3%	83.3% #AED1C5	RGB 174 209 197	#AED1C5
100.0%	100.0% #C6DFD6	RGB 198 223 214	#C6DFD6

#3A8F72 #519C82 #68A993 #80B7A4 #97C4B4 #AED1C5 #C6DFD6

#3A8F72 - #C6DFD6

HSV Blend

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

0.0%	0.0% #3A8F72	RGB 58 143 114	#3A8F72
16.7%	16.7% #4B9C80	RGB 75 156 128	#4B9C80
33.3%	33.3% #60A990	RGB 96 169 144	#60A990
50.0%	50.0% #76B7A0	RGB 118 183 160	#76B7A0
66.7%	66.7% #8EC4B1	RGB 142 196 177	#8EC4B1
83.3%	83.3% #A9D1C3	RGB 169 209 195	#A9D1C3
100.0%	100.0% #C6DFD6	RGB 198 223 214	#C6DFD6

#3A8F72 #4B9C80 #60A990 #76B7A0 #8EC4B1 #A9D1C3 #C6DFD6

#3A8F72 - #76B7A0 - #C6DFD6

CSS codes

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

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