#2C7A00 - #C2D9B6 | 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 #2C7A00 to #C2D9B6

#2C7A00 #C2D9B6

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

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

0.0%	0.0% #2C7A00	RGB 44 122 0	#2C7A00
16.7%	16.7% #45891E	RGB 69 137 30	#45891E
33.3%	33.3% #5E993C	RGB 94 153 60	#5E993C
50.0%	50.0% #77A95B	RGB 119 169 91	#77A95B
66.7%	66.7% #90B979	RGB 144 185 121	#90B979
83.3%	83.3% #A9C997	RGB 169 201 151	#A9C997
100.0%	100.0% #C2D9B6	RGB 194 217 182	#C2D9B6

#2C7A00 #45891E #5E993C #77A95B #90B979 #A9C997 #C2D9B6

#2C7A00 - #C2D9B6

HSV Blend

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

0.0%	0.0% #2B7A00	RGB 43 122 0	#2B7A00
16.7%	16.7% #3D8913	RGB 61 137 19	#3D8913
33.3%	33.3% #52992A	RGB 82 153 42	#52992A
50.0%	50.0% #69A947	RGB 105 169 71	#69A947
66.7%	66.7% #84B967	RGB 132 185 103	#84B967
83.3%	83.3% #A1C98C	RGB 161 201 140	#A1C98C
100.0%	100.0% #C2D9B6	RGB 194 217 182	#C2D9B6

#2B7A00 #3D8913 #52992A #69A947 #84B967 #A1C98C #C2D9B6

#2C7A00 - #69A947 - #C2D9B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B7A00 0%, #69A947 50%, #C2D9B6 100%);
    background: -webkit-linear-gradient(top, #2B7A00 0%, #69A947 50%, #C2D9B6 100%);
    background: linear-gradient(to bottom, #2B7A00 0%, #69A947 50%, #C2D9B6 100%);
}
</style>