#2D4D0E - #C3CCBA | 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 #2D4D0E to #C3CCBA

#2D4D0E #C3CCBA

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

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

0.0%	0.0% #2D4D0E	RGB 45 77 14	#2D4D0E
16.7%	16.7% #46622A	RGB 70 98 42	#46622A
33.3%	33.3% #5F7747	RGB 95 119 71	#5F7747
50.0%	50.0% #788C64	RGB 120 140 100	#788C64
66.7%	66.7% #91A180	RGB 145 161 128	#91A180
83.3%	83.3% #AAB69D	RGB 170 182 157	#AAB69D
100.0%	100.0% #C3CCBA	RGB 195 204 186	#C3CCBA

#2D4D0E #46622A #5F7747 #788C64 #91A180 #AAB69D #C3CCBA

#2D4D0E - #C3CCBA

HSV Blend

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

0.0%	0.0% #2D4D0E	RGB 45 77 14	#2D4D0E
16.7%	16.7% #3F621D	RGB 63 98 29	#3F621D
33.3%	33.3% #547732	RGB 84 119 50	#547732
50.0%	50.0% #6C8C4C	RGB 108 140 76	#6C8C4C
66.7%	66.7% #86A16C	RGB 134 161 108	#86A16C
83.3%	83.3% #A3B690	RGB 163 182 144	#A3B690
100.0%	100.0% #C3CCBA	RGB 195 204 186	#C3CCBA

#2D4D0E #3F621D #547732 #6C8C4C #86A16C #A3B690 #C3CCBA

#2D4D0E - #6C8C4C - #C3CCBA

CSS codes

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

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