#2D5024 - #C2CDC0 | 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 #2D5024 to #C2CDC0

#2D5024 #C2CDC0

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

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

0.0%	0.0% #2D5024	RGB 45 80 36	#2D5024
16.7%	16.7% #45643E	RGB 69 100 62	#45643E
33.3%	33.3% #5E7958	RGB 94 121 88	#5E7958
50.0%	50.0% #778E72	RGB 119 142 114	#778E72
66.7%	66.7% #90A38C	RGB 144 163 140	#90A38C
83.3%	83.3% #A9B8A6	RGB 169 184 166	#A9B8A6
100.0%	100.0% #C2CDC0	RGB 194 205 192	#C2CDC0

#2D5024 #45643E #5E7958 #778E72 #90A38C #A9B8A6 #C2CDC0

#2D5024 - #C2CDC0

HSV Blend

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

0.0%	0.0% #2C5024	RGB 44 80 36	#2C5024
16.7%	16.7% #3E6435	RGB 62 100 53	#3E6435
33.3%	33.3% #53794A	RGB 83 121 74	#53794A
50.0%	50.0% #6A8E62	RGB 106 142 98	#6A8E62
66.7%	66.7% #84A37E	RGB 132 163 126	#84A37E
83.3%	83.3% #A1B89D	RGB 161 184 157	#A1B89D
100.0%	100.0% #C2CDC0	RGB 194 205 192	#C2CDC0

#2C5024 #3E6435 #53794A #6A8E62 #84A37E #A1B89D #C2CDC0

#2D5024 - #6A8E62 - #C2CDC0

CSS codes

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

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