#2F7B3E - #C3D9C7 | 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 #2F7B3E to #C3D9C7

#2F7B3E #C3D9C7

Calculate the color between two colors, #2F7B3E and #C3D9C7. 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)

#2F7B3E - #C3D9C7 | 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 #2F7B3E as 0% and #C3D9C7 as 100%.

0.0%	0.0% #2F7B3E	RGB 47 123 62	#2F7B3E
16.7%	16.7% #478A54	RGB 71 138 84	#478A54
33.3%	33.3% #609A6B	RGB 96 154 107	#609A6B
50.0%	50.0% #79AA82	RGB 121 170 130	#79AA82
66.7%	66.7% #91B999	RGB 145 185 153	#91B999
83.3%	83.3% #AAC9B0	RGB 170 201 176	#AAC9B0
100.0%	100.0% #C3D9C7	RGB 195 217 199	#C3D9C7

#2F7B3E #478A54 #609A6B #79AA82 #91B999 #AAC9B0 #C3D9C7

#2F7B3E - #C3D9C7

HSV Blend

#2F7B3E - #C3D9C7 | 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 #2F7B3E as 0% and #C3D9C7 as 100%.

0.0%	0.0% #2F7B3E	RGB 47 123 62	#2F7B3E
16.7%	16.7% #408A4F	RGB 64 138 79	#408A4F
33.3%	33.3% #559A62	RGB 85 154 98	#559A62
50.0%	50.0% #6CAA78	RGB 108 170 120	#6CAA78
66.7%	66.7% #86B990	RGB 134 185 144	#86B990
83.3%	83.3% #A3C9AA	RGB 163 201 170	#A3C9AA
100.0%	100.0% #C3D9C7	RGB 195 217 199	#C3D9C7

#2F7B3E #408A4F #559A62 #6CAA78 #86B990 #A3C9AA #C3D9C7

#2F7B3E - #6CAA78 - #C3D9C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F7B3E 0%, #6CAA78 50%, #C3D9C7 100%);
    background: -webkit-linear-gradient(top, #2F7B3E 0%, #6CAA78 50%, #C3D9C7 100%);
    background: linear-gradient(to bottom, #2F7B3E 0%, #6CAA78 50%, #C3D9C7 100%);
}
</style>