#366934 - #C5D4C5 | 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 #366934 to #C5D4C5

#366934 #C5D4C5

Calculate the color between two colors, #366934 and #C5D4C5. 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)

#366934 - #C5D4C5 | 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 #366934 as 0% and #C5D4C5 as 100%.

0.0%	0.0% #366934	RGB 54 105 52	#366934
16.7%	16.7% #4D7A4C	RGB 77 122 76	#4D7A4C
33.3%	33.3% #658C64	RGB 101 140 100	#658C64
50.0%	50.0% #7D9E7C	RGB 125 158 124	#7D9E7C
66.7%	66.7% #95B094	RGB 149 176 148	#95B094
83.3%	83.3% #ADC2AC	RGB 173 194 172	#ADC2AC
100.0%	100.0% #C5D4C5	RGB 197 212 197	#C5D4C5

#366934 #4D7A4C #658C64 #7D9E7C #95B094 #ADC2AC #C5D4C5

#366934 - #C5D4C5

HSV Blend

#366934 - #C5D4C5 | 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 #366934 as 0% and #C5D4C5 as 100%.

0.0%	0.0% #366934	RGB 54 105 52	#366934
16.7%	16.7% #477A45	RGB 71 122 69	#477A45
33.3%	33.3% #5B8C5A	RGB 91 140 90	#5B8C5A
50.0%	50.0% #719E70	RGB 113 158 112	#719E70
66.7%	66.7% #8AB08A	RGB 138 176 138	#8AB08A
83.3%	83.3% #A6C2A6	RGB 166 194 166	#A6C2A6
100.0%	100.0% #C5D4C5	RGB 197 212 197	#C5D4C5

#366934 #477A45 #5B8C5A #719E70 #8AB08A #A6C2A6 #C5D4C5

#366934 - #719E70 - #C5D4C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #366934 0%, #719E70 50%, #C5D4C5 100%);
    background: -webkit-linear-gradient(top, #366934 0%, #719E70 50%, #C5D4C5 100%);
    background: linear-gradient(to bottom, #366934 0%, #719E70 50%, #C5D4C5 100%);
}
</style>