#356E5E - #C5D5D1 | 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 #356E5E to #C5D5D1

#356E5E #C5D5D1

Calculate the color between two colors, #356E5E and #C5D5D1. 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)

#356E5E - #C5D5D1 | 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 #356E5E as 0% and #C5D5D1 as 100%.

0.0%	0.0% #356E5E	RGB 53 110 94	#356E5E
16.7%	16.7% #4D7F71	RGB 77 127 113	#4D7F71
33.3%	33.3% #659084	RGB 101 144 132	#659084
50.0%	50.0% #7DA197	RGB 125 161 151	#7DA197
66.7%	66.7% #95B2AA	RGB 149 178 170	#95B2AA
83.3%	83.3% #ADC3BD	RGB 173 195 189	#ADC3BD
100.0%	100.0% #C5D5D1	RGB 197 213 209	#C5D5D1

#356E5E #4D7F71 #659084 #7DA197 #95B2AA #ADC3BD #C5D5D1

#356E5E - #C5D5D1

HSV Blend

#356E5E - #C5D5D1 | 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 #356E5E as 0% and #C5D5D1 as 100%.

0.0%	0.0% #356E5D	RGB 53 110 93	#356E5D
16.7%	16.7% #467F6F	RGB 70 127 111	#467F6F
33.3%	33.3% #5A9081	RGB 90 144 129	#5A9081
50.0%	50.0% #71A194	RGB 113 161 148	#71A194
66.7%	66.7% #8AB2A8	RGB 138 178 168	#8AB2A8
83.3%	83.3% #A6C3BC	RGB 166 195 188	#A6C3BC
100.0%	100.0% #C5D5D1	RGB 197 213 209	#C5D5D1

#356E5D #467F6F #5A9081 #71A194 #8AB2A8 #A6C3BC #C5D5D1

#356E5E - #71A194 - #C5D5D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #356E5D 0%, #71A194 50%, #C5D5D1 100%);
    background: -webkit-linear-gradient(top, #356E5D 0%, #71A194 50%, #C5D5D1 100%);
    background: linear-gradient(to bottom, #356E5D 0%, #71A194 50%, #C5D5D1 100%);
}
</style>