#355E3C - #C5D1C7 | 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 #355E3C to #C5D1C7

#355E3C #C5D1C7

Calculate the color between two colors, #355E3C and #C5D1C7. 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)

#355E3C - #C5D1C7 | 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 #355E3C as 0% and #C5D1C7 as 100%.

0.0%	0.0% #355E3C	RGB 53 94 60	#355E3C
16.7%	16.7% #4D7153	RGB 77 113 83	#4D7153
33.3%	33.3% #65846A	RGB 101 132 106	#65846A
50.0%	50.0% #7D9781	RGB 125 151 129	#7D9781
66.7%	66.7% #95AA98	RGB 149 170 152	#95AA98
83.3%	83.3% #ADBDAF	RGB 173 189 175	#ADBDAF
100.0%	100.0% #C5D1C7	RGB 197 209 199	#C5D1C7

#355E3C #4D7153 #65846A #7D9781 #95AA98 #ADBDAF #C5D1C7

#355E3C - #C5D1C7

HSV Blend

#355E3C - #C5D1C7 | 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 #355E3C as 0% and #C5D1C7 as 100%.

0.0%	0.0% #355E3C	RGB 53 94 60	#355E3C
16.7%	16.7% #46714E	RGB 70 113 78	#46714E
33.3%	33.3% #5B8462	RGB 91 132 98	#5B8462
50.0%	50.0% #729778	RGB 114 151 120	#729778
66.7%	66.7% #8BAA90	RGB 139 170 144	#8BAA90
83.3%	83.3% #A6BDAA	RGB 166 189 170	#A6BDAA
100.0%	100.0% #C5D1C7	RGB 197 209 199	#C5D1C7

#355E3C #46714E #5B8462 #729778 #8BAA90 #A6BDAA #C5D1C7

#355E3C - #729778 - #C5D1C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #355E3C 0%, #729778 50%, #C5D1C7 100%);
    background: -webkit-linear-gradient(top, #355E3C 0%, #729778 50%, #C5D1C7 100%);
    background: linear-gradient(to bottom, #355E3C 0%, #729778 50%, #C5D1C7 100%);
}
</style>