#366917 - #C5D4BC | 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 #366917 to #C5D4BC

#366917 #C5D4BC

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

#366917 - #C5D4BC | 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 #366917 as 0% and #C5D4BC as 100%.

0.0%	0.0% #366917	RGB 54 105 23	#366917
16.7%	16.7% #4D7A32	RGB 77 122 50	#4D7A32
33.3%	33.3% #658C4E	RGB 101 140 78	#658C4E
50.0%	50.0% #7D9E69	RGB 125 158 105	#7D9E69
66.7%	66.7% #95B085	RGB 149 176 133	#95B085
83.3%	83.3% #ADC2A0	RGB 173 194 160	#ADC2A0
100.0%	100.0% #C5D4BC	RGB 197 212 188	#C5D4BC

#366917 #4D7A32 #658C4E #7D9E69 #95B085 #ADC2A0 #C5D4BC

#366917 - #C5D4BC

HSV Blend

#366917 - #C5D4BC | 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 #366917 as 0% and #C5D4BC as 100%.

0.0%	0.0% #356917	RGB 53 105 23	#356917
16.7%	16.7% #477A28	RGB 71 122 40	#477A28
33.3%	33.3% #5B8C3E	RGB 91 140 62	#5B8C3E
50.0%	50.0% #729E57	RGB 114 158 87	#729E57
66.7%	66.7% #8BB075	RGB 139 176 117	#8BB075
83.3%	83.3% #A6C296	RGB 166 194 150	#A6C296
100.0%	100.0% #C5D4BC	RGB 197 212 188	#C5D4BC

#356917 #477A28 #5B8C3E #729E57 #8BB075 #A6C296 #C5D4BC

#366917 - #729E57 - #C5D4BC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #356917 0%, #729E57 50%, #C5D4BC 100%);
    background: -webkit-linear-gradient(top, #356917 0%, #729E57 50%, #C5D4BC 100%);
    background: linear-gradient(to bottom, #356917 0%, #729E57 50%, #C5D4BC 100%);
}
</style>