#216D5E - #BFD5D1 | 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 #216D5E to #BFD5D1

#216D5E #BFD5D1

Calculate the color between two colors, #216D5E and #BFD5D1. 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)

#216D5E - #BFD5D1 | 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 #216D5E as 0% and #BFD5D1 as 100%.

0.0%	0.0% #216D5E	RGB 33 109 94	#216D5E
16.7%	16.7% #3B7E71	RGB 59 126 113	#3B7E71
33.3%	33.3% #558F84	RGB 85 143 132	#558F84
50.0%	50.0% #70A197	RGB 112 161 151	#70A197
66.7%	66.7% #8AB2AA	RGB 138 178 170	#8AB2AA
83.3%	83.3% #A4C3BD	RGB 164 195 189	#A4C3BD
100.0%	100.0% #BFD5D1	RGB 191 213 209	#BFD5D1

#216D5E #3B7E71 #558F84 #70A197 #8AB2AA #A4C3BD #BFD5D1

#216D5E - #BFD5D1

HSV Blend

#216D5E - #BFD5D1 | 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 #216D5E as 0% and #BFD5D1 as 100%.

0.0%	0.0% #216D5D	RGB 33 109 93	#216D5D
16.7%	16.7% #327E6F	RGB 50 126 111	#327E6F
33.3%	33.3% #478F81	RGB 71 143 129	#478F81
50.0%	50.0% #60A194	RGB 96 161 148	#60A194
66.7%	66.7% #7CB2A8	RGB 124 178 168	#7CB2A8
83.3%	83.3% #9CC3BC	RGB 156 195 188	#9CC3BC
100.0%	100.0% #BFD5D1	RGB 191 213 209	#BFD5D1

#216D5D #327E6F #478F81 #60A194 #7CB2A8 #9CC3BC #BFD5D1

#216D5E - #60A194 - #BFD5D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #216D5D 0%, #60A194 50%, #BFD5D1 100%);
    background: -webkit-linear-gradient(top, #216D5D 0%, #60A194 50%, #BFD5D1 100%);
    background: linear-gradient(to bottom, #216D5D 0%, #60A194 50%, #BFD5D1 100%);
}
</style>