#205D37 - #BFD0C5 | 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 #205D37 to #BFD0C5

#205D37 #BFD0C5

Calculate the color between two colors, #205D37 and #BFD0C5. 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)

#205D37 - #BFD0C5 | 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 #205D37 as 0% and #BFD0C5 as 100%.

0.0%	0.0% #205D37	RGB 32 93 55	#205D37
16.7%	16.7% #3A704E	RGB 58 112 78	#3A704E
33.3%	33.3% #558366	RGB 85 131 102	#558366
50.0%	50.0% #6F967E	RGB 111 150 126	#6F967E
66.7%	66.7% #8AA995	RGB 138 169 149	#8AA995
83.3%	83.3% #A4BCAD	RGB 164 188 173	#A4BCAD
100.0%	100.0% #BFD0C5	RGB 191 208 197	#BFD0C5

#205D37 #3A704E #558366 #6F967E #8AA995 #A4BCAD #BFD0C5

#205D37 - #BFD0C5

HSV Blend

#205D37 - #BFD0C5 | 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 #205D37 as 0% and #BFD0C5 as 100%.

0.0%	0.0% #205D37	RGB 32 93 55	#205D37
16.7%	16.7% #317048	RGB 49 112 72	#317048
33.3%	33.3% #46835C	RGB 70 131 92	#46835C
50.0%	50.0% #5E9673	RGB 94 150 115	#5E9673
66.7%	66.7% #7BA98C	RGB 123 169 140	#7BA98C
83.3%	83.3% #9BBCA7	RGB 155 188 167	#9BBCA7
100.0%	100.0% #BFD0C5	RGB 191 208 197	#BFD0C5

#205D37 #317048 #46835C #5E9673 #7BA98C #9BBCA7 #BFD0C5

#205D37 - #5E9673 - #BFD0C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #205D37 0%, #5E9673 50%, #BFD0C5 100%);
    background: -webkit-linear-gradient(top, #205D37 0%, #5E9673 50%, #BFD0C5 100%);
    background: linear-gradient(to bottom, #205D37 0%, #5E9673 50%, #BFD0C5 100%);
}
</style>