#217642 - #BFD7C9 | 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 #217642 to #BFD7C9

#217642 #BFD7C9

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

#217642 - #BFD7C9 | 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 #217642 as 0% and #BFD7C9 as 100%.

0.0%	0.0% #217642	RGB 33 118 66	#217642
16.7%	16.7% #3B8658	RGB 59 134 88	#3B8658
33.3%	33.3% #55966F	RGB 85 150 111	#55966F
50.0%	50.0% #70A685	RGB 112 166 133	#70A685
66.7%	66.7% #8AB69C	RGB 138 182 156	#8AB69C
83.3%	83.3% #A4C6B2	RGB 164 198 178	#A4C6B2
100.0%	100.0% #BFD7C9	RGB 191 215 201	#BFD7C9

#217642 #3B8658 #55966F #70A685 #8AB69C #A4C6B2 #BFD7C9

#217642 - #BFD7C9

HSV Blend

#217642 - #BFD7C9 | 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 #217642 as 0% and #BFD7C9 as 100%.

0.0%	0.0% #217642	RGB 33 118 66	#217642
16.7%	16.7% #338653	RGB 51 134 83	#338653
33.3%	33.3% #489667	RGB 72 150 103	#489667
50.0%	50.0% #61A67D	RGB 97 166 125	#61A67D
66.7%	66.7% #7DB694	RGB 125 182 148	#7DB694
83.3%	83.3% #9CC6AD	RGB 156 198 173	#9CC6AD
100.0%	100.0% #BFD7C9	RGB 191 215 201	#BFD7C9

#217642 #338653 #489667 #61A67D #7DB694 #9CC6AD #BFD7C9

#217642 - #61A67D - #BFD7C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #217642 0%, #61A67D 50%, #BFD7C9 100%);
    background: -webkit-linear-gradient(top, #217642 0%, #61A67D 50%, #BFD7C9 100%);
    background: linear-gradient(to bottom, #217642 0%, #61A67D 50%, #BFD7C9 100%);
}
</style>